diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index 881391ea..38933a91 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -109,9 +109,8 @@ function Navbar({ scrollToFooter }: { scrollToFooter: any }) {
         onMouseEnter={() => setHovered("home")}
         onMouseLeave={() => setHovered(null)}
       >
-        <a
-          href="/"
-          rel="noopener noreferrer"
+        <Link
+          to="/"
           style={{ display: "flex", alignItems: "center" }}
         >
           <Image
@@ -125,7 +124,7 @@ function Navbar({ scrollToFooter }: { scrollToFooter: any }) {
             }}
           />
           <span style={{ color: "white" }}>Template Playground</span>
-        </a>
+        </Link>
       </div>
       {screens.md && (
         <>