From 2dbd1afc262eb7cfc24aa45fa1724ac651cd15a4 Mon Sep 17 00:00:00 2001 From: Alex Carpenter Date: Mon, 13 Jul 2026 13:32:32 -0400 Subject: [PATCH 1/2] fix(ui): Ensure spinner box-sizing prevents shift --- packages/ui/src/primitives/Spinner.tsx | 1 + 1 file changed, 1 insertion(+) 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`, From 187634cca8294927f93926717b9e870224be3d4d Mon Sep 17 00:00:00 2001 From: Alex Carpenter Date: Mon, 13 Jul 2026 13:34:56 -0400 Subject: [PATCH 2/2] Create spinner-box-sizing.md --- .changeset/spinner-box-sizing.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/spinner-box-sizing.md 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.