chore(clerk-js): Use theme values on arrow icon

clerk · Nov 23, 2023 · a11948b · a11948b
1 parent fc61fc8
commit a11948b
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/.changeset/hungry-news-bathe.md b/.changeset/hungry-news-bathe.md
@@ -0,0 +1,2 @@
+---
+---
diff --git a/packages/clerk-js/src/ui.retheme/primitives/Button.tsx b/packages/clerk-js/src/ui.retheme/primitives/Button.tsx
@@ -217,11 +217,11 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>((props, ref) =>
           {hasArrow && (
             <Icon
               icon={ArrowRightButtonIcon}
-              sx={{
-                width: '0.625rem',
-                height: '0.625rem',
-                opacity: 0.6,
-              }}
+              sx={t => ({
+                width: t.sizes.$2x5,
+                height: t.sizes.$2x5,
+                opacity: t.opacity.$inactive,
+              })}
             />
           )}
         </Flex>