fix: border color for select

Author: eshankvaish

src/Shared/Components/ReactSelect/utils.tsx

@@ -126,6 +126,7 @@ export const getCommonSelectStyle = (styleOverrides = {}): StylesConfig => ({
     menu: (base) => ({
         ...base,
         backgroundColor: 'var(--bg-menu-primary)',
+        border: '1px solid var(--border-primary-translucent)',
     }),
     multiValue: (base) => ({
         ...base,

src/Shared/Components/SelectPicker/utils.ts

@@ -109,7 +109,7 @@ export const getCommonSelectStyle = <OptionValue, IsMulti extends boolean>({
         overflow: 'hidden',
         marginBlock: '4px',
         backgroundColor: 'var(--bg-menu-primary)',
-        border: '1px solid var(--N200)',
+        border: '1px solid var(--border-primary-translucent)',
         boxShadow: '0px 2px 4px 0px rgba(0, 0, 0, 0.20)',
         width: getMenuWidthFromSize(menuSize).width,
         minWidth: getMenuWidthFromSize(menuSize).minWidth,