fix dropdown hidden issue in header (#2526)

KyberNetwork · Aug 30, 2024 · 17bf8da · 17bf8da
1 parent 93bee05
commit 17bf8da
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/Header/groups/SwapNavGroup.tsx b/src/components/Header/groups/SwapNavGroup.tsx
@@ -51,7 +51,7 @@ const StyledBuyCrypto = styled(BuyCrypto)`
 const SwapNavGroup = () => {
   const { networkInfo, chainId } = useActiveWeb3React()
   const { pathname } = useLocation()
-  const upTo420 = useMedia('(max-width: 600px)')
+  const upToXXSmall = useMedia('(max-width: 420px)')
 
   const [{ show: isShowTutorial = false, stepInfo }] = useTutorialSwapGuide()
   const { mixpanelHandler } = useMixpanel()
@@ -62,7 +62,7 @@ const SwapNavGroup = () => {
 
   return (
     <NavGroup
-      dropdownAlign={upTo420 ? 'right' : 'left'}
+      dropdownAlign={upToXXSmall ? 'right' : 'left'}
       isActive={isActive}
       forceOpen={isShowTutorial && stepInfo?.selector === `#${TutorialIds.BRIDGE_LINKS}`}
       anchor={