fix: select component icons size differs in light and dark mode

GeekyAnts · Nov 14, 2022 · b5755ab · b5755ab
1 parent 602a500
commit b5755ab
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/components/primitives/Select/Select.tsx b/src/components/primitives/Select/Select.tsx
@@ -67,7 +67,7 @@ const Select = (
     onOpen,
     onClose,
     optimized,
-    customDropdownIconProps,
+    _customDropdownIconProps,
     _actionSheet,
     _actionSheetContent,
     _actionSheetBody,
@@ -133,7 +133,7 @@ const Select = (
     ) : dropdownIcon ? (
       dropdownIcon
     ) : (
-      <ChevronDownIcon {...customDropdownIconProps} />
+      <ChevronDownIcon {..._customDropdownIconProps} />
     );
 
   const handleClose = () => {

diff --git a/src/theme/components/select.ts b/src/theme/components/select.ts
@@ -5,7 +5,7 @@ export const Select = {
         start: 0,
       },
 
-      customDropdownIconProps: {
+      _customDropdownIconProps: {
         color: 'muted.500',
         mr: '3',
         size: '6',
@@ -26,7 +26,7 @@ export const Select = {
       },
 
       _dark: {
-        customDropdownIconProps: { color: 'muted.400', mr: '3' },
+        _customDropdownIconProps: { color: 'muted.400', mr: '3' },
         _hover: {
           borderColor: 'primary.500',
         },