diff --git a/.changeset/large-baboons-hope.md b/.changeset/large-baboons-hope.md
new file mode 100644
index 00000000000..45e57288d2c
--- /dev/null
+++ b/.changeset/large-baboons-hope.md
@@ -0,0 +1,5 @@
+---
+'@clerk/clerk-js': patch
+---
+
+Updated the OAuth buttons in the SignIn and SignUp components to prevent layout shifts while loading.
diff --git a/packages/clerk-js/src/ui/elements/ArrowBlockButton.tsx b/packages/clerk-js/src/ui/elements/ArrowBlockButton.tsx
index d5bb31dd03f..3a660ac2885 100644
--- a/packages/clerk-js/src/ui/elements/ArrowBlockButton.tsx
+++ b/packages/clerk-js/src/ui/elements/ArrowBlockButton.tsx
@@ -79,8 +79,12 @@ export const ArrowBlockButton = (props: ArrowBlockButtonProps) => {
             <Spinner
               elementDescriptor={spinnerElementDescriptor}
               elementId={spinnerElementId}
-              sx={{ position: 'absolute' }}
-              size={'sm'}
+              size={'md'}
+              sx={theme => [
+                {
+                  padding: theme.space.$2,
+                },
+              ]}
             />
           ) : !isIconElement && leftIcon ? (
             <Icon