From 2fd48ec3df29984b50585d4a238958befb37e13c Mon Sep 17 00:00:00 2001
From: Stefanos Anagnostou <stefanos@clerk.dev>
Date: Wed, 17 Apr 2024 10:55:47 +0300
Subject: [PATCH] fix(clerk-js): Fix SSO callback Turnstile widget alignment

---
 .changeset/forty-schools-tie.md                      | 5 +++++
 packages/clerk-js/src/ui/elements/CaptchaElement.tsx | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/forty-schools-tie.md

diff --git a/.changeset/forty-schools-tie.md b/.changeset/forty-schools-tie.md
new file mode 100644
index 00000000000..3b17680a126
--- /dev/null
+++ b/.changeset/forty-schools-tie.md
@@ -0,0 +1,5 @@
+---
+'@clerk/clerk-js': patch
+---
+
+Fix SSO callback Turnstile widget alignment
diff --git a/packages/clerk-js/src/ui/elements/CaptchaElement.tsx b/packages/clerk-js/src/ui/elements/CaptchaElement.tsx
index ee8772cf7c6..22ccd9d40f7 100644
--- a/packages/clerk-js/src/ui/elements/CaptchaElement.tsx
+++ b/packages/clerk-js/src/ui/elements/CaptchaElement.tsx
@@ -4,6 +4,6 @@ import { Box } from '../customizables';
 export const CaptchaElement = () => (
   <Box
     id={CAPTCHA_ELEMENT_ID}
-    sx={t => ({ display: 'none', marginBottom: t.space.$6 })}
+    sx={t => ({ display: 'none', marginBottom: t.space.$6, alignSelf: 'center' })}
   />
 );