diff --git a/packages/web/src/layouts/swap/components/swap-info-chart/swap-token-info/SwapTokenHeader.tsx b/packages/web/src/layouts/swap/components/swap-info-chart/swap-token-info/SwapTokenHeader.tsx
index 8b25ef43b..4cc2ff909 100644
--- a/packages/web/src/layouts/swap/components/swap-info-chart/swap-token-info/SwapTokenHeader.tsx
+++ b/packages/web/src/layouts/swap/components/swap-info-chart/swap-token-info/SwapTokenHeader.tsx
@@ -7,6 +7,7 @@ import { useTheme } from "@emotion/react";
 import { useGnoscanUrl } from "@hooks/common/use-gnoscan-url";
 import { LineGraphData } from "@components/common/line-graph/LineGraph";
 import { DEVICE_TYPE } from "@styles/media";
+import { GNOT_TOKEN } from "@common/values/token-constant";
 import useElementWidth from "@hooks/common/use-element-width";
 
 import MissingLogo from "@components/common/missing-logo/MissingLogo";
@@ -73,6 +74,10 @@ const SwapTokenHeader = ({ tokenInfo, currentPrice, chartData, containerWidth }:
 
   const onClickTokenName = React.useCallback(() => {
     if (!tokenInfo.path) return;
+    if (tokenInfo.isNative) {
+      router.movePageWithTokenPath("TOKEN", GNOT_TOKEN.path);
+      return;
+    }
     router.movePageWithTokenPath("TOKEN", tokenInfo.path);
   }, [tokenInfo.path, router]);
 
diff --git a/packages/web/src/layouts/swap/components/swap-info-chart/swap-token-info/SwapTokenInfo.tsx b/packages/web/src/layouts/swap/components/swap-info-chart/swap-token-info/SwapTokenInfo.tsx
index 6cd945347..b071b1c04 100644
--- a/packages/web/src/layouts/swap/components/swap-info-chart/swap-token-info/SwapTokenInfo.tsx
+++ b/packages/web/src/layouts/swap/components/swap-info-chart/swap-token-info/SwapTokenInfo.tsx
@@ -27,7 +27,7 @@ const SwapTokenInfo = ({ token }: SwapTokenInfoProps) => {
       name: token.name,
       symbol: token.symbol,
       logoURI: token.logoURI,
-      path: token.path,
+      path: token.type === "native" ? token.wrappedPath : token.path,
       isNative: token.type === "native",
     }),
     [token],