diff --git a/components/navbar.vue b/components/navbar.vue
index e8b6095..9acb8d1 100644
--- a/components/navbar.vue
+++ b/components/navbar.vue
@@ -1,8 +1,10 @@
 <template>
 
     <nav
-        class="fixed top-0 left-0 right-0 bg-blur z-navbar"
-        style="backdrop-filter: blur(15px);"
+        :class="[
+            'fixed top-0 left-0 right-0 z-navbar',
+            isOpen ? 'bg-blur' : ''
+        ]"
     >
         <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
             <div class="flex justify-between h-16">