diff --git a/client/js/navbar.js b/client/js/navbar.js
index 2f6ce98160fb70cd0351bfe156f19bd2797cf915..f51feeaecfb68f73a0ca7da74255f6718de9e0db 100644
--- a/client/js/navbar.js
+++ b/client/js/navbar.js
@@ -1,24 +1,23 @@
+
 addnavbar = () => {
     return document.getElementById("tabgroup").innerHTML =`
-    <div class="navbar-container">
-            <a class="tabexpand" href="#">
-                <i class="fa-solid fa-bars"></i>
-            </a>
-            <img src="../image/logoregis.svg" alt="icon" width="10%" height="5%">
-            <div class="searchbar">
-                <input id="Searchinput" type="text" placeholder="Search..." value="" onkeypress="">
-                <button class="search" onclick="">
-                    <i class="fa-solid fa-magnifying-glass"></i>
-                </button>
-            </div>
-            <a class="tabright" href="#">
-                <i class="fa-solid fa-cart-shopping"></i>
-                Cart
-            </a>
-            <a class="tabright" href="../pages/catalog.php">
-                <i class="fa-solid fa-clipboard-list"></i>
-                Catalog
-            </a>
+        <a id="tabexpand" class="tabexpand" href="javascript:openSidebar()" onclick="openSidebar()">
+            <i class="fa-solid fa-bars"></i>
+        </a>
+        <img src="../image/logoregis.svg" alt="icon" width="10%" height="5%">
+        <div class="searchbar">
+            <input id="Searchinput" type="text" placeholder="Search..." value="" onkeypress="">
+            <button class="search" onclick="">
+                <i class="fa-solid fa-magnifying-glass"></i>
+            </button>
         </div>
+        <a class="tabright" href="#">
+            <i class="fa-solid fa-cart-shopping"></i>
+            Cart
+        </a>
+        <a class="tabright" href="../pages/catalog.php">
+            <i class="fa-solid fa-clipboard-list"></i>
+            Catalog
+        </a>
     `
 }
\ No newline at end of file