diff --git a/src/components/layout/NavLink.tsx b/src/components/layout/NavLink.tsx
index 1b8e9b5..a6c736f 100644
--- a/src/components/layout/NavLink.tsx
+++ b/src/components/layout/NavLink.tsx
@@ -27,6 +27,7 @@ export function NavLink({ href, icon, label, onClick, className }: NavLinkProps)
       className={`
         relative flex items-center gap-2 rounded-full py-2 px-4
         transition-all duration-200 ease-in-out
+        focus:outline-none focus:ring-2 focus:ring-zinc-600 focus:ring-offset-2 focus:ring-offset-zinc-950
         ${isActive ? 'text-white bg-zinc-700/60' : 'text-zinc-400 hover:text-white hover:bg-zinc-800/30'}
         ${className || ''}
       `}