diff --git a/assets/js/security/login.js b/assets/js/security/login.js
index 96d3a16..6bc0a01 100644
--- a/assets/js/security/login.js
+++ b/assets/js/security/login.js
@@ -1 +1,2 @@
+import 'bootstrap';
 import '/assets/scss/security/login.scss';
\ No newline at end of file
diff --git a/templates/flashes.html.twig b/templates/flashes.html.twig
index e524dea..b1a4d96 100644
--- a/templates/flashes.html.twig
+++ b/templates/flashes.html.twig
@@ -2,7 +2,7 @@
     {% for message in messages %}
         <div class="alert alert-{{ label }} alert-dismissible fade show" role="alert">
             {{ message | trans }}
-            <button type="button" class="btn-close" data-dismiss="alert" aria-label="Close">
+            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
             </button>
         </div>
     {% endfor %}
@@ -10,7 +10,7 @@
 {% if app.request.server.get('DEMO_MODE') == 'true' %}
     <div class="alert alert-warning alert-dismissible fade show" role="alert">
         {{ 'demomode.flashnotice' | trans }}
-        <button type="button" class="btn-close" data-dismiss="alert" aria-label="Close">
+        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">
         </button>
     </div>
 {% endif %}