diff --git a/src/components/layout/Header.astro b/src/components/layout/Header.astro
index c816199..4b0b4d2 100644
--- a/src/components/layout/Header.astro
+++ b/src/components/layout/Header.astro
@@ -68,12 +68,8 @@ const navLinks = [
 					navLinks.map(({ href, label }) => (
 						<HeaderLink
 							href={href}
-							class="block font-sans text-sm font-medium leading-normal text-zinc-900 antialiased dark:text-zinc-100 md:text-xl">
-							<div
-								role="button"
-								class="text- w-full gap-2 rounded-lg px-4 leading-tight transition-all hover:bg-zinc-50 dark:hover:bg-zinc-950">
-								{label}
-							</div>
+							class="block w-full rounded-lg px-4 py-2 text-center font-sans text-sm font-medium leading-normal text-zinc-900 antialiased transition-all hover:bg-zinc-50 dark:text-zinc-100 dark:hover:bg-zinc-950 md:text-xl">
+							{label}
 						</HeaderLink>
 					))
 				}
@@ -123,13 +119,8 @@ const navLinks = [
 				navLinks.map(({ href, label }) => (
 					<HeaderLink
 						href={href}
-						class="block font-sans text-sm font-medium leading-normal text-zinc-900 antialiased dark:text-zinc-100">
-						<div
-							role="button"
-							tabindex="0"
-							class="flex w-full items-center gap-2 rounded-lg p-3 py-2 pr-4 text-start leading-tight outline-none transition-all hover:bg-zinc-50 hover:bg-opacity-80 hover:text-zinc-900 focus:bg-zinc-50 focus:bg-opacity-80 focus:text-zinc-900 active:bg-zinc-50 active:bg-opacity-80 active:text-zinc-900">
-							{label}
-						</div>
+						class="flex w-full items-center gap-2 rounded-lg p-3 py-2 pr-4 text-start font-sans text-sm font-medium leading-tight text-zinc-900 antialiased outline-none transition-all hover:bg-zinc-50 hover:bg-opacity-80 hover:text-zinc-900 focus:bg-zinc-50 focus:bg-opacity-80 focus:text-zinc-900 active:bg-zinc-50 active:bg-opacity-80 active:text-zinc-900 dark:text-zinc-100">
+						{label}
 					</HeaderLink>
 				))
 			}