diff --git a/views/layouts/navbar.ejs b/views/layouts/navbar.ejs
index 6c9912a..95358fe 100644
--- a/views/layouts/navbar.ejs
+++ b/views/layouts/navbar.ejs
@@ -1,5 +1,5 @@
 <% if(types == "v1") { %>
-    <nav class="navbar navbar-expand-lg navbar-dark comp-color ml-5 mr-5 nav-radius">
+    <nav class="navbar navbar-expand-lg navbar-dark comp-color ml-5 mr-5 nav-radius" style="background-color: #212226; ">
         <img alt="Banner" class="navbar-brand lazyload" src="img/logo_transparent.webp">
         <button aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation"
             class="navbar-toggler" data-target="#navbarTogglerDemo01" data-toggle="collapse" type="button">
diff --git a/views/pages/product.ejs b/views/pages/product.ejs
index 1be49cf..a80f176 100644
--- a/views/pages/product.ejs
+++ b/views/pages/product.ejs
@@ -154,6 +154,17 @@
             padding-top: 10px;
         }
 
+        .navbar-brand {
+            width: 5%;
+        }
+
+        @media screen and (max-width: 500px) {
+            .navbar-brand {
+                width: 15vw;
+                height: 15vw;
+            }
+        }
+
         @media only screen and (max-width: 1000px) {
             .product {
                 display: grid;
@@ -260,7 +271,7 @@
 </head>
 
 <body style="background-color: #1b1c1e;">
-    <%- include('../layouts/navbar.ejs'); %>
+    <%- include('../layouts/navbar.ejs', {types: 'v1', state: 'product-list'}); %>
 
     <div class="card" style="background-color: #212226;">
         <div class="product">
