From 9850cb3b3d8748a657e050305a7b698cb19ed2e1 Mon Sep 17 00:00:00 2001
From: waleed <walif6@gmail.com>
Date: Sat, 21 Mar 2026 13:08:48 -0700
Subject: [PATCH] fix(auth): hide Turnstile widget container to prevent layout
 gap

The invisible Turnstile iframe was taking up space between the
password field and submit button. Wrapped in a hidden div.
---
 apps/sim/app/(auth)/login/login-form.tsx   | 12 +++++++-----
 apps/sim/app/(auth)/signup/signup-form.tsx | 12 +++++++-----
 2 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/apps/sim/app/(auth)/login/login-form.tsx b/apps/sim/app/(auth)/login/login-form.tsx
index 66e8fd261f1..f3e8a37d9af 100644
--- a/apps/sim/app/(auth)/login/login-form.tsx
+++ b/apps/sim/app/(auth)/login/login-form.tsx
@@ -472,11 +472,13 @@ export default function LoginPage({
           </div>
 
           {turnstileSiteKey && (
-            <Turnstile
-              ref={turnstileRef}
-              siteKey={turnstileSiteKey}
-              options={{ size: 'invisible', execution: 'execute' }}
-            />
+            <div className='h-0 w-0 overflow-hidden'>
+              <Turnstile
+                ref={turnstileRef}
+                siteKey={turnstileSiteKey}
+                options={{ size: 'invisible', execution: 'execute' }}
+              />
+            </div>
           )}
 
           {formError && (
diff --git a/apps/sim/app/(auth)/signup/signup-form.tsx b/apps/sim/app/(auth)/signup/signup-form.tsx
index b5d59f73b98..8a213223fc3 100644
--- a/apps/sim/app/(auth)/signup/signup-form.tsx
+++ b/apps/sim/app/(auth)/signup/signup-form.tsx
@@ -478,11 +478,13 @@ function SignupFormContent({
           </div>
 
           {turnstileSiteKey && (
-            <Turnstile
-              ref={turnstileRef}
-              siteKey={turnstileSiteKey}
-              options={{ size: 'invisible', execution: 'execute' }}
-            />
+            <div className='h-0 w-0 overflow-hidden'>
+              <Turnstile
+                ref={turnstileRef}
+                siteKey={turnstileSiteKey}
+                options={{ size: 'invisible', execution: 'execute' }}
+              />
+            </div>
           )}
 
           {formError && (