From 53c138ce3ea1a8824b835dde4ace09f493b8cd20 Mon Sep 17 00:00:00 2001
From: miloschwartz <mschwartz10612@gmail.com>
Date: Mon, 4 May 2026 14:26:22 -0700
Subject: [PATCH] use consistent button spacing

---
 src/components/IdpLoginButtons.tsx       | 2 +-
 src/components/LoginForm.tsx             | 2 +-
 src/components/MfaInputForm.tsx          | 2 +-
 src/components/ResetPasswordForm.tsx     | 2 +-
 src/components/SmartLoginForm.tsx        | 2 +-
 src/components/SmartLoginOrgSelector.tsx | 4 ++--
 6 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/IdpLoginButtons.tsx b/src/components/IdpLoginButtons.tsx
index 4fc4c9901..d015dce52 100644
--- a/src/components/IdpLoginButtons.tsx
+++ b/src/components/IdpLoginButtons.tsx
@@ -104,7 +104,7 @@ export default function IdpLoginButtons({
                 </Alert>
             )}
 
-            <div className="space-y-2">
+            <div className="space-y-4">
                 {params.get("gotoapp") ? (
                     <>
                         <Button
diff --git a/src/components/LoginForm.tsx b/src/components/LoginForm.tsx
index e87a8b1a8..0bd606671 100644
--- a/src/components/LoginForm.tsx
+++ b/src/components/LoginForm.tsx
@@ -368,7 +368,7 @@ export default function LoginForm({
 
                         {hasIdp && (
                             <>
-                                <div className="relative my-4">
+                                <div className="relative">
                                     <div className="absolute inset-0 flex items-center">
                                         <Separator />
                                     </div>
diff --git a/src/components/MfaInputForm.tsx b/src/components/MfaInputForm.tsx
index d52b3169e..221e51218 100644
--- a/src/components/MfaInputForm.tsx
+++ b/src/components/MfaInputForm.tsx
@@ -145,7 +145,7 @@ export default function MfaInputForm({
                 </Alert>
             )}
 
-            <div className="space-y-2">
+            <div className="space-y-4">
                 <Button
                     type="submit"
                     form={formId}
diff --git a/src/components/ResetPasswordForm.tsx b/src/components/ResetPasswordForm.tsx
index 7a992add4..23a755288 100644
--- a/src/components/ResetPasswordForm.tsx
+++ b/src/components/ResetPasswordForm.tsx
@@ -528,7 +528,7 @@ export default function ResetPasswordForm({
                             )}
 
                             {state === "request" && (
-                                <div className="flex flex-col gap-2">
+                                <div className="flex flex-col gap-4">
                                     {env.email.emailEnabled && (
                                         <Button
                                             type="submit"
diff --git a/src/components/SmartLoginForm.tsx b/src/components/SmartLoginForm.tsx
index 7d695127f..dd0e131df 100644
--- a/src/components/SmartLoginForm.tsx
+++ b/src/components/SmartLoginForm.tsx
@@ -284,7 +284,7 @@ export default function SmartLoginForm({
 
                 {orgSignIn && (
                     <>
-                        <div className="relative my-4">
+                        <div className="relative">
                             <div className="absolute inset-0 flex items-center">
                                 <Separator />
                             </div>
diff --git a/src/components/SmartLoginOrgSelector.tsx b/src/components/SmartLoginOrgSelector.tsx
index 5cc8fe600..656cb1ca6 100644
--- a/src/components/SmartLoginOrgSelector.tsx
+++ b/src/components/SmartLoginOrgSelector.tsx
@@ -207,7 +207,7 @@ export default function SmartLoginOrgSelector({
             />
 
             {hasInternalAccount && (
-                <div className="mt-3">
+                <div className="mt-4">
                     <Button
                         type="button"
                         className="w-full"
@@ -237,7 +237,7 @@ export default function SmartLoginOrgSelector({
                         </div>
                     </div>
 
-                    <div className="space-y-2">
+                    <div className="space-y-4">
                         {params.get("gotoapp") ? (
                             <Button
                                 type="button"