diff --git a/src/pages/honkai3rd/versions/[versionId].tsx b/src/pages/honkai3rd/versions/[versionId].tsx
index 08982efd..ba38a8ec 100644
--- a/src/pages/honkai3rd/versions/[versionId].tsx
+++ b/src/pages/honkai3rd/versions/[versionId].tsx
@@ -24,6 +24,7 @@ import { generateI18NPaths, getI18NProps } from '../../../server/i18n'
 import { translate, useTranslation } from '../../../lib/i18n'
 import { useRouter } from 'next/router'
 import Head from '../../../components/atoms/Head'
+import PageLink from '../../../components/atoms/PageLink'
 
 interface VersionShowPageProps {
   versionData: VersionData
@@ -79,24 +80,17 @@ const VersionShowPage = ({
         <Box>
           <Box mb={2}>
             {versionData.previousVersion != null && (
-              <NextLink
+              <PageLink
                 href={`/honkai3rd/versions/${versionData.previousVersion}`}
-                passHref
+                mr={2}
               >
-                <Link>
-                  {t('versions.previous')} (v{versionData.previousVersion})
-                </Link>
-              </NextLink>
+                {t('versions.previous')} (v{versionData.previousVersion})
+              </PageLink>
             )}
             {versionData.nextVersion != null && (
-              <NextLink
-                href={`/honkai3rd/versions/${versionData.nextVersion}`}
-                passHref
-              >
-                <Link>
-                  {t('versions.next')} (v{versionData.nextVersion})
-                </Link>
-              </NextLink>
+              <PageLink href={`/honkai3rd/versions/${versionData.nextVersion}`}>
+                {t('versions.next')} (v{versionData.nextVersion})
+              </PageLink>
             )}
           </Box>
           <Heading as='h1'>
diff --git a/src/pages/honkai3rd/versions/index.tsx b/src/pages/honkai3rd/versions/index.tsx
index c9f0c289..46943099 100644
--- a/src/pages/honkai3rd/versions/index.tsx
+++ b/src/pages/honkai3rd/versions/index.tsx
@@ -24,6 +24,7 @@ import { NextPageContext } from 'next'
 import { useTranslation, translate } from '../../../lib/i18n'
 import { useRouter } from 'next/router'
 import Head from '../../../components/atoms/Head'
+import PageLink from '../../../components/atoms/PageLink'
 
 interface VersionIndexPageProps {
   versionDataList: VersionData[]
@@ -64,25 +65,20 @@ const VersionIndexPage = ({
         <Box mb={4}>
           <Box mb={2}>
             {currentVersionData.previousVersion != null && (
-              <NextLink
+              <PageLink
                 href={`/honkai3rd/versions/${currentVersionData.previousVersion}`}
-                passHref
+                mr={2}
               >
-                <Link>
-                  {t('versions.previous')} (v
-                  {currentVersionData.previousVersion})
-                </Link>
-              </NextLink>
+                {t('versions.previous')} (v
+                {currentVersionData.previousVersion})
+              </PageLink>
             )}
             {currentVersionData.nextVersion != null && (
-              <NextLink
+              <PageLink
                 href={`/honkai3rd/versions/${currentVersionData.nextVersion}`}
-                passHref
               >
-                <Link>
-                  {t('versions.next')} (v{currentVersionData.nextVersion})
-                </Link>
-              </NextLink>
+                {t('versions.next')} (v{currentVersionData.nextVersion})
+              </PageLink>
             )}
           </Box>