diff --git a/src/components/Navbar/Navbar.js b/src/components/Navbar/Navbar.js
index ee5bfc3..c6c9cad 100644
--- a/src/components/Navbar/Navbar.js
+++ b/src/components/Navbar/Navbar.js
@@ -113,8 +113,6 @@ const Navbar = () => {
                         </li>
                     </ul>
                 )}
-
-
             </nav>
         </header>
     );
diff --git a/src/components/Navbar/Navbar.module.css b/src/components/Navbar/Navbar.module.css
index 62ff2a9..2379f2a 100644
--- a/src/components/Navbar/Navbar.module.css
+++ b/src/components/Navbar/Navbar.module.css
@@ -5,6 +5,7 @@
   left: 0;
   background-color: transparent;
   z-index: var(--z-fixed);
+  backdrop-filter: blur(16px);
 }
 
 @media screen and (min-width: 1150px) {
@@ -107,10 +108,9 @@
     position: fixed;
     top: 0;
     background-color: hsla(0, 0%, 6%, 0.2);
-    backdrop-filter: blur(16px);
-    -webkit-backdrop-filter: blur(16px);
+    background: #f0edf1;
     width: 200px;
-    height: 100%;
+    height: 100vh;
     padding: 6rem 3rem 0;
     transition: right 0.4s;
   }