chore: cleanup

components/Header/MainMenu/NavigationMenu/NavigationMenuItem/index.tsx

@@ -24,12 +24,8 @@ export default function MenuItem({ item, isMobile }: NavigationMenuItemProps) {
     }
   })
 
-  function closeMegaMenu() {
-    toggleMegaMenu(false)
-  }
-
   return submenu.length ? (
-    <span className={styles.menuWrapper}>
+    <>
       <MainMenuButton
         onClick={() => toggleMegaMenu(title)}
         className={`${styles.navigationMenuItem} ${isMobile ? styles.mobile : styles.desktop}`}
@@ -57,7 +53,7 @@ export default function MenuItem({ item, isMobile }: NavigationMenuItemProps) {
           />
         ) : null}
       </div>
-    </span>
+    </>
   ) : (
     <Link
       className={`${styles.navigationMenuItem} ${isMobile ? styles.mobile : styles.desktop}`}

components/Header/MainMenu/NavigationMenu/NavigationMenuItem/navigationMenuItem.module.css

@@ -13,10 +13,6 @@
   transform: rotate(180deg);
 }
 
-.menuWrapper {
-  position: relative;
-}
-
 .dropdown {
   background-color: var(--Base-Surface-Primary-light-Normal);
   z-index: var(--menu-overlay-z-index);
@@ -42,7 +38,8 @@
   .dropdown {
     display: none;
     position: absolute;
-    top: var(--Spacing-x5);
+    top: var(--main-menu-desktop-height);
+    /* top: var(--Spacing-x5); */
     left: 50%;
     transform: translateX(-50%);
     border-radius: var(--Corner-radius-Large);