diff --git a/account-kit/react/src/components/auth/card/index.tsx b/account-kit/react/src/components/auth/card/index.tsx
index f991672916..60d3a614f0 100644
--- a/account-kit/react/src/components/auth/card/index.tsx
+++ b/account-kit/react/src/components/auth/card/index.tsx
@@ -154,7 +154,7 @@ export const AuthCardContent = ({
           />
         )}
         <div
-          className={`max-h-[60vh] overflow-auto relative flex flex-col items-center gap-4 text-fg-primary px-6 py-4 ${
+          className={`max-h-[60vh] overflow-auto relative flex flex-col items-center gap-4 text-fg-primary px-6 py-4 pt-0 ${
             className ?? ""
           }`}
         >
diff --git a/account-kit/react/src/components/navigation.tsx b/account-kit/react/src/components/navigation.tsx
index 9729f1603b..4a57fc92dd 100644
--- a/account-kit/react/src/components/navigation.tsx
+++ b/account-kit/react/src/components/navigation.tsx
@@ -16,14 +16,14 @@ export const Navigation = ({
   onClose,
 }: NavigationProps) => {
   return (
-    <div className="flex items-center justify-between w-full">
+    <div className="flex items-center justify-between w-full px-6 pt-5">
       <Button
         variant="link"
         onClick={onBack}
         disabled={!showBack}
         className={
           showBack
-            ? "text-fg-secondary w-[32px] h-[32px] flex items-center justify-center hover:bg-btn-secondary rounded-md"
+            ? "text-fg-secondary w-[40px] h-[40px] flex items-center justify-center hover:bg-btn-secondary rounded-md"
             : "invisible"
         }
       >
@@ -35,7 +35,7 @@ export const Navigation = ({
         onClick={onClose}
         className={
           showClose
-            ? "text-fg-secondary w-[32px] h-[32px] flex items-center justify-center hover:bg-btn-secondary rounded-md"
+            ? "text-fg-secondary w-[40px] h-[40px] flex items-center justify-center hover:bg-btn-secondary rounded-md"
             : "invisible"
         }
       >