Merge pull request #19880 from mozilla/FXA-12851-css-fix

clouserw · web-flow · commit ed91f67c1d4c · 2026-01-14T08:52:58.000-08:00
chore(fxa-settings): Adjust loading modal window size. Fix FXA-12851
diff --git a/packages/fxa-settings/src/components/CardLoadingSpinner/index.tsx b/packages/fxa-settings/src/components/CardLoadingSpinner/index.tsx
@@ -22,7 +22,7 @@ export const CardLoadingSpinner = ({
   return (
     <div
       className={classNames(
-        'card flex items-center justify-center h-full max-w-48 mobileLandscape:h-32',
+        'card flex items-center justify-center h-full mobileLandscape:h-48',
         className
       )}
     >

Original file line number	Diff line number	Diff line change
`@@ -22,7 +22,7 @@ export const CardLoadingSpinner = ({`
`22`	`22`	`return (`
`23`	`23`	`<div`
`24`	`24`	`className={classNames(`
`25`		`- 'card flex items-center justify-center h-full max-w-48 mobileLandscape:h-32',`
	`25`	`+ 'card flex items-center justify-center h-full mobileLandscape:h-48',`
`26`	`26`	`className`
`27`	`27`	`)}`
`28`	`28`	`>`