fix(clerk-js): Added padding to the Spinner component

clerk · Sep 28, 2023 · 7c322e0 · 7c322e0
1 parent 8ccd80f
commit 7c322e0
Showing 1 changed file with 6 additions and 9 deletions.
diff --git a/packages/clerk-js/src/ui/elements/ArrowBlockButton.tsx b/packages/clerk-js/src/ui/elements/ArrowBlockButton.tsx
@@ -73,21 +73,18 @@ export const ArrowBlockButton = (props: ArrowBlockButtonProps) => {
         <Flex
           as='span'
           center
-          sx={[
-            theme => ({
-              flex: `0 0 ${theme.space.$4}`,
-            }),
-            theme =>
-              isLoading && {
-                padding: theme.space.$0x5,
-              },
-          ]}
+          sx={theme => ({ flex: `0 0 ${theme.space.$4}` })}
         >
           {isLoading ? (
             <Spinner
               elementDescriptor={spinnerElementDescriptor}
               elementId={spinnerElementId}
               size={'md'}
+              sx={theme => [
+                {
+                  padding: theme.space.$2,
+                },
+              ]}
             />
           ) : !isIconElement && leftIcon ? (
             <Icon