feat: update border color of the search that in cloud

Signed-off-by: Amit Amrutiya <[email protected]>
layer5io · Oct 11, 2024 · c9731a4 · c9731a4
1 parent 935efaf
commit c9731a4
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/custom/StyledSearchBar/style.tsx b/src/custom/StyledSearchBar/style.tsx
@@ -1,5 +1,6 @@
 import { styled } from '@mui/material';
 import { InputAdornment, OutlinedInput } from '../../base';
+import { white } from '../../theme';
 
 export const StyledSearchInput = styled(OutlinedInput)(({ style }) => ({
   width: '100%',
@@ -8,11 +9,12 @@ export const StyledSearchInput = styled(OutlinedInput)(({ style }) => ({
     paddingLeft: '0.25rem'
   },
   display: 'flex',
+  backgroundColor: white.light,
   ...style
 }));
 
 export const InputAdornmentEnd = styled(InputAdornment)(({ theme }) => ({
-  borderLeft: `1px solid ${theme.palette.border.normal}`,
+  borderLeft: `1px solid ${theme.palette.background.tertiary}`,
   height: '30px',
   paddingLeft: '10px',
   '@media (max-width: 590px)': {