diff --git a/app/components/nav.tsx b/app/components/nav.tsx
index d35ab70..cb40a32 100644
--- a/app/components/nav.tsx
+++ b/app/components/nav.tsx
@@ -74,7 +74,7 @@ export default function Nav() {
           <ThemeToggle />
           <button
             onClick={() => setIsOpen(!isOpen)}
-            className="text-zinc-500 dark:text-zinc-400 hover:text-zinc-900 dark:hover:text-zinc-100 text-xl leading-none p-1"
+            className="inline-flex size-8 shrink-0 items-center justify-center text-zinc-500 dark:text-zinc-400 hover:text-zinc-900 dark:hover:text-zinc-100 text-xl leading-none"
             aria-label={isOpen ? "Close menu" : "Open menu"}
             aria-expanded={isOpen}
           >