fix header gap not consistent

KyberNetwork · Sep 22, 2023 · 20d5c8f · 20d5c8f
1 parent 98ae687
commit 20d5c8f
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/src/components/Header/groups/EarnNavGroup.tsx b/src/components/Header/groups/EarnNavGroup.tsx
@@ -47,7 +47,7 @@ const EarnNavGroup = () => {
             to={`${APP_PATHS.POOLS}/${networkInfo.route}`}
             style={{ width: '100%' }}
           >
-            <Flex sx={{ gap: '4px' }} alignItems="center">
+            <Flex sx={{ gap: '12px' }} alignItems="center">
               <Icon id="liquid" size={16} />
               <Trans>Pools</Trans>
             </Flex>
@@ -61,14 +61,14 @@ const EarnNavGroup = () => {
             data-testid="farms-nav-link"
             to={`${APP_PATHS.FARMS}/${networkInfo.route}`}
           >
-            <Flex sx={{ gap: '4px' }} alignItems="center">
+            <Flex sx={{ gap: '12px' }} alignItems="center">
               <MoneyBag size={16} />
               <Trans>Farms</Trans>
             </Flex>
           </StyledNavLink>
 
           <StyledNavLink id="my-earnings-link" to={APP_PATHS.MY_EARNINGS}>
-            <Flex sx={{ gap: '4px' }} alignItems="center">
+            <Flex sx={{ gap: '12px' }} alignItems="center">
               <Icon id="pig" size={16} />
               <Trans>My Earnings</Trans>
               <NewLabel>
@@ -82,7 +82,7 @@ const EarnNavGroup = () => {
             data-testid="my-pools-nav-link"
             to={`${APP_PATHS.MY_POOLS}/${networkInfo.route}`}
           >
-            <Flex sx={{ gap: '4px' }} alignItems="center">
+            <Flex sx={{ gap: '12px' }} alignItems="center">
               <Icon id="liquid-outline" size={16} />
               <Trans>My Pools</Trans>
             </Flex>

diff --git a/src/components/Header/groups/KyberDaoGroup.tsx b/src/components/Header/groups/KyberDaoGroup.tsx
@@ -38,18 +38,18 @@ const KyberDAONavGroup = () => {
         }
         dropdownContent={
           <Column>
-            <StyledNavLink id="kyberdao-stake-knc" to={APP_PATHS.KYBERDAO_STAKE} style={{ gap: '4px' }}>
+            <StyledNavLink id="kyberdao-stake-knc" to={APP_PATHS.KYBERDAO_STAKE} style={{ gap: '12px' }}>
               <StakeIcon />
               <Trans>Stake KNC</Trans>
             </StyledNavLink>
-            <StyledNavLink id="kyberdao-vote" to={APP_PATHS.KYBERDAO_VOTE} style={{ gap: '4px' }}>
+            <StyledNavLink id="kyberdao-vote" to={APP_PATHS.KYBERDAO_VOTE} style={{ gap: '12px' }}>
               <VoteIcon />
               <Trans>Vote</Trans>
             </StyledNavLink>
             <StyledNavLink
               id="knc-utility"
               to={APP_PATHS.KYBERDAO_KNC_UTILITY}
-              style={{ gap: '4px' }}
+              style={{ gap: '12px' }}
               onClick={() => {
                 mixpanelHandler(MIXPANEL_TYPE.GAS_REFUND_SOURCE_CLICK, { source: 'KyberDAO_tab' })
               }}
@@ -61,7 +61,7 @@ const KyberDAONavGroup = () => {
               id="kyberdao-feature-request"
               href="https://kyberswap.canny.io/feature-request"
               target="_blank"
-              style={{ gap: '4px' }}
+              style={{ gap: '12px' }}
               onClick={() => {
                 mixpanelHandler(MIXPANEL_TYPE.KYBER_DAO_FEATURE_REQUEST_CLICK)
               }}