diff --git a/src/components/card.astro b/src/components/card.astro
index 3095e30..7e62e93 100644
--- a/src/components/card.astro
+++ b/src/components/card.astro
@@ -34,9 +34,9 @@ const { image, summary, link, title } = Astro.props;
 	<div class="grid gap-y-3 border-t border-[#00000026] p-6">
 		<header>
 			<h3 class="text-xl font-medium text-[#444]">
-				<a class="hover:underline" href={link.href}>
+				<NavLink class="hover:underline" href={link.href}>
 					{title}
-				</a>
+				</NavLink>
 			</h3>
 		</header>
 		<p class="text-md text-[#6f757c]">{summary}</p>