diff --git a/packages/ui/components/button/Button.tsx b/packages/ui/components/button/Button.tsx
index 6e61ad9119..a308025917 100644
--- a/packages/ui/components/button/Button.tsx
+++ b/packages/ui/components/button/Button.tsx
@@ -104,7 +104,7 @@ const buttonClasses = cva(
         className:
           "bg-gray-100 text-gray-900/30 dark:bg-darkgray-100 dark:text-darkgray-900/30 dark:border-darkgray-200",
       },
-      applyStyleToMultipleVariants({
+      ...applyStyleToMultipleVariants({
         disabled: [undefined, false],
         color: "minimal",
         className:
diff --git a/packages/ui/v2/core/form/select/Select.tsx b/packages/ui/v2/core/form/select/Select.tsx
index a1a0a8281d..11b9a2fdca 100644
--- a/packages/ui/v2/core/form/select/Select.tsx
+++ b/packages/ui/v2/core/form/select/Select.tsx
@@ -65,6 +65,7 @@ const Select = <
 >({
   className,
   components,
+  styles,
   ...props
 }: SelectProps<Option, IsMulti, Group>) => {
   const reactSelectProps = React.useMemo(() => {
@@ -86,6 +87,7 @@ const Select = <
             ? "var(--brand-color-dark-mode)"
             : "var(--brand-text-color)",
         }),
+        ...styles,
       }}
     />
   );