diff --git a/project/main/templates/main/base/base.html b/project/main/templates/main/base/base.html
index 690ea44..21af107 100644
--- a/project/main/templates/main/base/base.html
+++ b/project/main/templates/main/base/base.html
@@ -6,6 +6,7 @@
           content="width=100%, user-scalable=yes, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js" integrity="sha384-BBtl+eGJRgqQAUMxJ7pMwbEyER4l1g+O15P+16Ep7Q9Q+zqX6gSbd85u4mG4QzX+" crossorigin="anonymous"></script>
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
     <script src="https://unpkg.com/htmx.org@1.9.11" integrity="sha384-0gxUXCCR8yv9FM2b+U3FDbsKthCI66oH5IA9fHppQq9DDMHuMauqq1ZHBpJxQ0J0" crossorigin="anonymous"></script>
     <title>{{ title or "Django-html demo" }}</title>
 </head>
diff --git a/project/main/templates/main/components/js_alert.html b/project/main/templates/main/components/js_alert.html
index e336085..b0e1a10 100644
--- a/project/main/templates/main/components/js_alert.html
+++ b/project/main/templates/main/components/js_alert.html
@@ -1,22 +1,14 @@
 {% macro no_js_alert() %}
     <div class="alert alert-success d-flex align-items-center mb-5" role="alert">
-        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="text-success me-3" viewBox="0 0 16 16">
-             <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z"/>
-        </svg>
-        <div>
-            No JavaScript is used creating this page.
-        </div>
+        <i class="bi bi-check-circle-fill me-3"></i>
+        No JavaScript is used creating this page.
     </div>
 {% endmacro %}
 
 {% macro js_alert(content) %}
     <div class="alert alert-warning d-flex align-items-center mb-5" role="alert">
-        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="text-warning me-3" viewBox="0 0 16 16">
-             <path d="M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/>
-        </svg>
-        <div>
-            {{ content }}
-        </div>
+        <i class="bi bi-exclamation-triangle-fill me-3"></i>
+        {{ content }}
     </div>
 {% endmacro %}