fix: select button sizes

saas-js · Sep 16, 2023 · 96b0a05 · 96b0a05
1 parent 8b30165
commit 96b0a05
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/.changeset/shaggy-cows-do.md b/.changeset/shaggy-cows-do.md
@@ -0,0 +1,6 @@
+---
+'@saas-ui/forms': patch
+'@saas-ui/react': patch
+---
+
+Fixed select button sizes
diff --git a/packages/saas-ui-forms/src/select/select.tsx b/packages/saas-ui-forms/src/select/select.tsx
@@ -99,6 +99,7 @@ export const SelectButton = forwardRef<SelectButtonProps, 'button'>(
       minW: 0,
       ...styles.field,
       h: 'auto',
+      ...props.sx,
     }
 
     const buttonProps = useMenuButton(rest, ref)
@@ -107,7 +108,7 @@ export const SelectButton = forwardRef<SelectButtonProps, 'button'>(
     return (
       <Button
         {...buttonProps}
-        {...buttonStyles}
+        sx={buttonStyles}
         id={id || buttonProps.id}
         {...rest}
         onFocus={onFocus}