fix: border issue

Author: eshankvaish

src/Shared/Components/SelectPicker/constants.ts

@@ -31,7 +31,7 @@ export const SELECT_PICKER_ICON_SIZE_MAP: Record<SelectPickerProps['size'], Pick
 }
 
 export const SELECT_PICKER_CONTROL_SIZE_MAP: Record<SelectPickerProps['size'], CSSProperties['minHeight']> = {
-    [ComponentSizeType.small]: '28px',
-    [ComponentSizeType.medium]: '32px',
+    [ComponentSizeType.small]: 'auto',
+    [ComponentSizeType.medium]: 'auto',
     [ComponentSizeType.large]: '36px',
 }

src/Shared/Components/SelectPicker/utils.ts

@@ -68,19 +68,19 @@ const getVariantOverrides = <OptionValue>(
             }
         case SelectPickerVariantType.BORDER_LESS:
             return {
-                control: (base, state) => ({
+                control: (_, state) => ({
                     ...(!state.isFocused && {
                         '&:not(:hover)': {
                             backgroundColor: 'transparent',
-                            border: 'none',
+                            borderColor: 'transparent',
                             gap: '2px',
                         },
                     }),
                     ...(state.menuIsOpen && {
                         width: '250px',
                     }),
                 }),
-                singleValue: (base, state) => ({
+                singleValue: (_, state) => ({
                     ...(!state.selectProps.isFocussed && {
                         '&:not(:hover)': {
                             fontWeight: 600,