diff --git a/client/css/navbar.css b/client/css/navbar.css
index c4e8d74db19f0a5081649b359e55e3e5c46782c5..f83668ada3602976e936ed9b7bd934afc92dc79a 100644
--- a/client/css/navbar.css
+++ b/client/css/navbar.css
@@ -1,12 +1,3 @@
-.navbar-container{
-    display: flex;
-    justify-content: space-evenly;
-    background-color: #AA1E1E;
-    border: none;
-    outline: none;
-    /* height: 15%; */
-}
-
 img{
     /* float: left; */
     margin: 10px;
@@ -15,9 +6,13 @@ img{
 }
 
 .tabgroup{
+    display: flex;
+    justify-content: space-evenly;
+    background-color: #AA1E1E;
+    border: none;
+    outline: none;
     color: #eaeaea;
     /* float: left; */
-
     font-size: 17px;
     width: 100%;
     height: 8%;
diff --git a/client/js/navbar.js b/client/js/navbar.js
index b68f539cc95e06e5fbbf77b5d1a73a2721855b39..4ff82d0e841c2578e1f8790f91f875edd879f8b7 100644
--- a/client/js/navbar.js
+++ b/client/js/navbar.js
@@ -1,6 +1,5 @@
 addnavbar = () => {
     return document.getElementById("tabgroup").innerHTML =`
-    <div class="navbar-container">
     <a class="tabexpand" href="#">
         <i class="fa-solid fa-bars"></i>
     </a>
@@ -19,6 +18,5 @@ addnavbar = () => {
         <i class="fa-solid fa-clipboard-list"></i>
         Catalog
     </a>
-</div>
     `
 }
\ No newline at end of file
diff --git a/client/protoype/cart.html b/client/protoype/cart.html
index 8d1ff66d76fcf3d3198977c70a9102d9b2f0aff5..31fff5c543af234d45b7ac20bc043fd313f9de58 100644
--- a/client/protoype/cart.html
+++ b/client/protoype/cart.html
@@ -9,10 +9,12 @@
         <script src="../js/navbar.js"></script>
     </head>
     <body>
-        <script>
-            addnavbar();
-        </script>
         <div class="container">
+            <div id="tabgroup">
+                <script>
+                    addnavbar();
+                </script>
+            </div>
             <div class="cart-group">
                 <h1>
                     Cart