diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
index 777263c..7f47fce 100644
--- a/src/components/Navbar.tsx
+++ b/src/components/Navbar.tsx
@@ -28,7 +28,7 @@ const NavItem = ({ to, children }: { to: string; children: ReactNode }) => (
     to={to}
     className={({ isActive }) =>
       cn(
-        "rounded-lg px-3 py-2 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+        "inline-flex w-20 items-center justify-center rounded-lg px-3 py-2 text-center text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
         isActive
           ? "bg-secondary text-primary"
           : "text-muted-foreground hover:bg-secondary hover:text-foreground",