diff --git a/templates/base.html b/templates/base.html
index aad3d88..80bae8d 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -23,7 +23,8 @@
         {% include 'components/_footer.html' %}
     {% endif %}
     
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bundle.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.8/dist/umd/popper.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.min.js"></script>
     <script>
         function updateThemeIcon(theme) {
             const icon = document.getElementById('theme-icon');
diff --git a/templates/components/_navbar.html b/templates/components/_navbar.html
index d8b5bc0..5d90a71 100644
--- a/templates/components/_navbar.html
+++ b/templates/components/_navbar.html
@@ -4,10 +4,11 @@
             <i class="bi bi-gear-fill me-2"></i>ShiftFlow
         </a>
         
-        <button class="navbar-toggler border-secondary" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
-            <span class="navbar-toggler-icon" style="filter: invert(1);"></span> </button>
+        <button class="navbar-toggler border-secondary" type="button" data-bs-toggle="collapse" data-bs-target="#navbarContent" aria-controls="navbarContent" aria-expanded="false" aria-label="Переключить навигацию">
+            <span class="navbar-toggler-icon"></span>
+        </button>
 
-        <div class="collapse navbar-collapse" id="navbarNav">
+        <div class="collapse navbar-collapse" id="navbarContent">
             
             <ul class="navbar-nav me-auto">
                 <li class="nav-item">