fix clicks

ui/navigation/NavLink.tsx

@@ -22,15 +22,7 @@ const NavLink = ({ text, pathname, icon, isCollapsed }: Props) => {
 
   return (
     <NextLink href={ pathname } passHref>
-      <Tooltip
-        label={ text }
-        hasArrow={ false }
-        isDisabled={ !isCollapsed }
-        placement="right"
-        variant="nav"
-        gutter={ 0 }
-        color={ isActive ? colors.text.active : colors.text.hover }
-      >
+
       <Link
         as="li"
         listStyleType="none"
@@ -43,13 +35,22 @@ const NavLink = ({ text, pathname, icon, isCollapsed }: Props) => {
         borderRadius="base"
         whiteSpace="nowrap"
         { ...getDefaultTransitionProps({ transitionProperty: 'width, padding' }) }
+      >
+        <Tooltip
+          label={ text }
+          hasArrow={ false }
+          isDisabled={ !isCollapsed }
+          placement="right"
+          variant="nav"
+          gutter={ 15 }
+          color={ isActive ? colors.text.active : colors.text.hover }
         >
           <HStack spacing={ 3 }>
             <Icon as={ icon } boxSize="30px"/>
             { !isCollapsed && <Text variant="inherit">{ text }</Text> }
           </HStack>
-        </Link>
         </Tooltip>
+      </Link>
     </NextLink>
   );
 };