fix: tokens banner link works (#4522)

* maybe fixed?

* fix

* fix link

src/components/Tokens/TokensBanner.tsx

@@ -44,12 +44,15 @@ const HeaderText = styled(Link)`
   font-size: 14px;
   line-height: 20px;
   text-decoration: none;
+  color: ${({ theme }) => theme.textPrimary};
 `
-const Description = styled.span`
+const Description = styled(Link)`
   font-weight: 400;
   font-size: 12px;
   line-height: 16px;
   width: 75%;
+  text-decoration: none;
+  color: ${({ theme }) => theme.textPrimary};
 `
 
 export default function TokensBanner() {
@@ -63,13 +66,15 @@ export default function TokensBanner() {
   return (
     <PopupContainer show={showTokensPromoBanner}>
       <Header>
-        <HeaderText to={'/#/tokens'} onClick={closeBanner}>
+        <HeaderText to={'/tokens'} onClick={closeBanner}>
           Explore Top Tokens
         </HeaderText>
         <X size={20} color={theme.textSecondary} onClick={closeBanner} style={{ cursor: 'pointer' }} />
       </Header>
 
-      <Description onClick={closeBanner}>Check out the new explore tab to discover and learn more</Description>
+      <Description to={'/tokens'} onClick={closeBanner}>
+        Check out the new explore tab to discover and learn more
+      </Description>
     </PopupContainer>
   )
 }