diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index df72619..8114946 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -8,10 +8,14 @@
       >
       <div
         class="q-mx-md q-mt-lg q-py-sm q-px-md"
-        :class="isHeroScroll ? 'text-white' : 'text-white glass shadow-6'"
+        :class="isHeroScroll ? 'text-white' : 'text-white shadow-6'"
         style="
           transition: background-color 0.5s ease, color 0.5s ease;
-          border-radius: var(--base-radius)
+          border-radius: var(--base-radius);
+          background-color: rgba(255, 255, 255, 0.45) !important;
+          backdrop-filter: blur(12px) saturate(180%);
+          -webkit-backdrop-filter: blur(12px) saturate(180%);
+          border: 1px solid rgba(255, 255, 255, 0.3);
         "
         >
         <div
@@ -264,10 +268,4 @@
     opacity: 0;
     pointer-events: none;
   }
-  .glass {
-    background-color: rgba(255, 255, 255, 0.45) !important;
-    backdrop-filter: blur(12px) saturate(180%);
-    -webkit-backdrop-filter: blur(12px) saturate(180%);
-    border: 1px solid rgba(255, 255, 255, 0.3);
-  }
 </style>
\ No newline at end of file