diff --git a/frontend/components/global/MegaMenu.vue b/frontend/components/global/MegaMenu.vue
index 41ebcc7..0843000 100644
--- a/frontend/components/global/MegaMenu.vue
+++ b/frontend/components/global/MegaMenu.vue
@@ -147,14 +147,18 @@ onMounted(() => {
         mode="out-in"
     >
         <div
+            class="max-md:hidden fixed right-0 top-0 w-full z-1100 h-svh"
             v-if="isOpen"
             :style="{ marginTop: `${navbarHeight}px` }"
-            class="max-md:hidden fixed right-0 top-0 w-full z-1100 bg-black/50 h-svh border-t border-slate-200 flex justify-center"
         >
-            <div class="container">
+            <div
+                class="absolute w-full h-full bg-black/50 flex justify-center"
+                @mouseenter="$emit('update:isOpen', false)"
+            />
+
+            <div class="container relative z-10">
                 <div
-                    class="flex h-200 bg-white rounded-b-2xl"
-                    @mouseleave="$emit('update:isOpen', false)"
+                    class="flex h-200 bg-white rounded-b-2xl border-t border-slate-200"
                 >
                     <div class="bg-slate-100 p-4 flex flex-col overflow-y-auto mask-b-from-90% pb-8">
                         <button