diff --git a/src/components/NavLink.astro b/src/components/NavLink.astro
index 69d8771..1fa56c6 100644
--- a/src/components/NavLink.astro
+++ b/src/components/NavLink.astro
@@ -14,13 +14,13 @@ const isActive = currentPath.includes(href);
     href={href}
     aria-current={isActive ? "page" : undefined}
     class:list={[
-      "flex items-center gap-2 py-2 text-sm border-l-2 transition-colors focus-visible:outline-2 focus-visible:outline-sky-600 focus-visible:outline-offset-2",
+      "flex items-baseline gap-2 py-2 text-sm border-l-2 transition-colors focus-visible:outline-2 focus-visible:outline-sky-600 focus-visible:outline-offset-2",
       isActive
         ? "text-stone-800 dark:text-stone-300 bg-stone-100 dark:bg-stone-900 border-transparent -mx-4 md:-mx-6 px-4 md:px-6"
         : "text-stone-600 dark:text-stone-400 border-transparent hover:text-stone-800 dark:hover:text-stone-300 px-0"
     ]}
   >
-    <span class="text-[10px] text-stone-600 dark:text-stone-500 w-6">{number}</span>
+    <span class="text-[10px] text-stone-600 dark:text-stone-500 w-6 shrink-0 tabular-nums">{number}</span>
     <slot />
   </a>
 </li>