diff --git a/.changeset/spinner-box-sizing.md b/.changeset/spinner-box-sizing.md
new file mode 100644
index 00000000000..d0947e3bf2d
--- /dev/null
+++ b/.changeset/spinner-box-sizing.md
@@ -0,0 +1,5 @@
+---
+'@clerk/ui': patch
+---
+
+Set `box-sizing: border-box` on the spinner so its border no longer changes the rendered size and causes a layout shift.
diff --git a/packages/ui/src/primitives/Spinner.tsx b/packages/ui/src/primitives/Spinner.tsx
index a528596e348..5f0f5eed7b4 100644
--- a/packages/ui/src/primitives/Spinner.tsx
+++ b/packages/ui/src/primitives/Spinner.tsx
@@ -6,6 +6,7 @@ const { size, thickness, speed } = createCssVariables('speed', 'size', 'thicknes
 const { applyVariants, filterProps } = createVariants(theme => {
   return {
     base: {
+      boxSizing: 'border-box',
       display: 'inline-block',
       borderRadius: '99999px',
       borderTop: `${thickness} solid currentColor`,