Skip to content

Commit ea75149

Browse files
fix(ui): Ensure spinner box-sizing prevents shift (#9147)
1 parent 4dc2906 commit ea75149

2 files changed

Lines changed: 6 additions & 0 deletions

File tree

.changeset/spinner-box-sizing.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
'@clerk/ui': patch
3+
---
4+
5+
Set `box-sizing: border-box` on the spinner so its border no longer changes the rendered size and causes a layout shift.

packages/ui/src/primitives/Spinner.tsx

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@ const { size, thickness, speed } = createCssVariables('speed', 'size', 'thicknes
66
const { applyVariants, filterProps } = createVariants(theme => {
77
return {
88
base: {
9+
boxSizing: 'border-box',
910
display: 'inline-block',
1011
borderRadius: '99999px',
1112
borderTop: `${thickness} solid currentColor`,

0 commit comments

Comments
 (0)