diff --git a/src/components/NavBar.tsx b/src/components/NavBar.tsx
index 2adf96a..e5acd23 100644
--- a/src/components/NavBar.tsx
+++ b/src/components/NavBar.tsx
@@ -1,5 +1,6 @@
 "use client";
 
+import Link from "next/link";
 import HoverLink from "@/components/HoverLink";
 import { usePathname } from "next/navigation";
 
@@ -9,7 +10,7 @@ export default function NavBar() {
   return (
     <header className={"w-full flex flex-row items-end justify-between"}>
       <h1 className={"text-5xl text-stone-200 font-rokkitt font-bold"}>
-        <a href="/">Racinfo</a>
+        <Link href="/">Racinfo</Link>
       </h1>
       <nav className={"flex flex-row items-center gap-4 mb-2"}>
         <HoverLink