diff --git a/public/index.html b/public/index.html
index 20a59a4..ccf101a 100644
--- a/public/index.html
+++ b/public/index.html
@@ -9,7 +9,5 @@
     />
   <body>
     <div id="root"></div>
-    <script src="public/bundle.js"></script>
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/4.5.2/js/bootstrap.bundle.min.js"></script>
-  </body>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>  </body>
 </html>
diff --git a/src/components/Header.jsx b/src/components/Header.jsx
index 84bc9ad..046a999 100644
--- a/src/components/Header.jsx
+++ b/src/components/Header.jsx
@@ -13,11 +13,22 @@ const Header = () => {
   };
 
   return (
-    <header className="navbar navbar-expand-lg navbar-light bg-light">
+    <header className="navbar navbar-expand-lg navbar-light bg-light" id="">
       <div className="container-fluid">
         <Link className="navbar-brand" to="/">
           Логистика
         </Link>
+        <button
+          className="navbar-toggler"
+          type="button"
+          data-bs-toggle="collapse"
+          data-bs-target="#navbarNav"
+          aria-controls="navbarNav"
+          aria-expanded="false"
+          aria-label="Toggle navigation"
+        >
+          <span className="navbar-toggler-icon"></span>
+        </button>
         <div className="collapse navbar-collapse" id="navbarNav">
           <ul className="navbar-nav me-auto">
             <li className="nav-item">
@@ -25,7 +36,7 @@ const Header = () => {
                 Заказы
               </Link>
             </li>
-            {role === "admin" && (
+            {role === "Администратор" && (
               <>
                 <li className="nav-item">
                   <Link className="nav-link" to="/accessories">
