diff --git a/apps/blog/src/components/GithubLinkIcon.tsx b/apps/blog/src/components/GithubLinkIcon.tsx
index a85fe18..6b27487 100644
--- a/apps/blog/src/components/GithubLinkIcon.tsx
+++ b/apps/blog/src/components/GithubLinkIcon.tsx
@@ -1,5 +1,6 @@
 import { faGithub } from "@fortawesome/free-brands-svg-icons"
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
+import Link from "next/link"
 
 interface Props {
     href: string
@@ -7,13 +8,13 @@ interface Props {
 
 export default function GithubLinkIcon({ href }: Props) {
     return (
-        <a
+        <Link
             className="text-5xl text-light-footer-text transition-colors duration-75 hover:text-light-text-high-contrast dark:text-dark-footer-text dark:hover:text-dark-text-high-contrast"
             href={href}
             target="_blank"
             aria-label="GitHub link"
         >
             <FontAwesomeIcon icon={faGithub} />
-        </a>
+        </Link>
     )
 }