fix: remove shadow and gap on mobile (#6906)

* remove shadow and gap on mobile

* remove empty brackets

src/components/NavBar/MenuDropdown.tsx

@@ -137,7 +137,7 @@ export const MenuDropdown = () => {
         </NavIcon>
 
         {isOpen && (
-          <NavDropdown top={{ sm: 'unset', lg: '56' }} bottom={{ sm: '56', lg: 'unset' }} right="0">
+          <NavDropdown top={{ sm: 'unset', lg: '56' }} bottom={{ sm: '50', lg: 'unset' }} right="0">
             <Column gap="16">
               <Column paddingX="8" gap="4">
                 <Box display={{ sm: 'none', lg: 'flex', xxl: 'none' }}>

src/components/NavBar/NavDropdown.css.ts

@@ -11,9 +11,6 @@ const baseNavDropdown = style([
     paddingBottom: '8',
     paddingTop: '8',
   }),
-  {
-    boxShadow: '0px 4px 12px 0px #00000026',
-  },
 ])
 
 export const NavDropdown = style([
@@ -22,7 +19,7 @@ export const NavDropdown = style([
     position: 'absolute',
     borderRadius: '12',
   }),
-  {},
+  { boxShadow: '0px 4px 12px 0px #00000026' },
 ])
 
 export const mobileNavDropdown = style([
@@ -32,7 +29,7 @@ export const mobileNavDropdown = style([
     borderTopRightRadius: '12',
     borderTopLeftRadius: '12',
     top: 'unset',
-    bottom: '56',
+    bottom: '50',
     left: '0',
     right: '0',
     width: 'full',