diff --git a/src/lib/client/ui/navigation/pageNav/groupHeader.svelte b/src/lib/client/ui/navigation/pageNav/groupHeader.svelte
index a70518b..309b6fc 100644
--- a/src/lib/client/ui/navigation/pageNav/groupHeader.svelte
+++ b/src/lib/client/ui/navigation/pageNav/groupHeader.svelte
@@ -18,7 +18,7 @@
 	<!-- Main navigation button (left side) - rounded left, square right (or fully rounded if no items) -->
 	<a
 		{href}
-		class="flex flex-1 items-center gap-2 py-1.5 pr-2 pl-3 text-sm font-semibold text-neutral-700 transition-colors group-hover/header:bg-neutral-200 hover:bg-neutral-200 dark:text-neutral-300 dark:group-hover/header:bg-neutral-800 dark:hover:bg-neutral-800 {hasItems
+		class="flex flex-1 items-center gap-2 py-1.5 pr-2 pl-3 font-mono text-sm font-semibold text-neutral-700 transition-colors group-hover/header:bg-neutral-200 hover:bg-neutral-200 dark:text-neutral-300 dark:group-hover/header:bg-neutral-800 dark:hover:bg-neutral-800 {hasItems
 			? 'rounded-l-lg'
 			: 'rounded-lg'} {isActive
 			? 'bg-neutral-200 hover:bg-neutral-300 dark:bg-neutral-800 dark:hover:bg-neutral-700'
diff --git a/src/lib/client/ui/navigation/pageNav/groupItem.svelte b/src/lib/client/ui/navigation/pageNav/groupItem.svelte
index 38f223a..12fd298 100644
--- a/src/lib/client/ui/navigation/pageNav/groupItem.svelte
+++ b/src/lib/client/ui/navigation/pageNav/groupItem.svelte
@@ -13,7 +13,7 @@
 
 <a
 	{href}
-	class="block rounded-lg py-1.5 pr-2 pl-3 text-sm font-semibold text-neutral-600 transition-colors hover:bg-neutral-200 hover:text-neutral-900 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:hover:text-neutral-100 {isActive
+	class="block rounded-lg py-1.5 pr-2 pl-3 font-mono text-sm font-semibold text-neutral-600 transition-colors hover:bg-neutral-200 hover:text-neutral-900 dark:text-neutral-400 dark:hover:bg-neutral-800 dark:hover:text-neutral-100 {isActive
 		? 'bg-neutral-200 text-neutral-900 dark:bg-neutral-800 dark:text-neutral-100'
 		: ''}"
 >