diff --git a/src/components/shared/NavigationMenu.tsx b/src/components/shared/NavigationMenu.tsx
index 7680b38..0c3661e 100644
--- a/src/components/shared/NavigationMenu.tsx
+++ b/src/components/shared/NavigationMenu.tsx
@@ -221,11 +221,16 @@ export function NavigationMenu(
 const ListItem = React.forwardRef<
 	React.ElementRef<"a">,
 	React.ComponentPropsWithoutRef<"a">
->(({ className, title, children, ...props }, ref) => {
+>(({ className, href, title, children, ...props }, ref) => {
+	if (href == null) {
+		console.error("ListItem: href is required")
+		return null
+	}
 	return (
 		<li>
 			<NavigationMenuLink asChild>
-				<a
+				<Link
+					href={href}
 					ref={ref}
 					className={cn(
 						"block select-none space-y-1 rounded-md p-3 leading-none no-underline outline-none transition-colors hover:bg-stone-900",
@@ -238,7 +243,7 @@ const ListItem = React.forwardRef<
 					<p className="line-clamp-2 text-sm leading-snug text-stone-400">
 						{children}
 					</p>
-				</a>
+				</Link>
 			</NavigationMenuLink>
 		</li>
 	)