Fix prefix/suffix bg for light mode

pluralsh · Sep 21, 2023 · 01cb460 · 01cb460
1 parent ecad2d4
commit 01cb460
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/components/Input.tsx b/src/components/Input.tsx
@@ -29,7 +29,10 @@ const PrefixSuffix = styled.div(({ theme }) => ({
   alignSelf: 'stretch',
   paddingLeft: theme.spacing.small,
   paddingRight: theme.spacing.small,
-  backgroundColor: theme.colors['fill-two'],
+  backgroundColor:
+    theme.mode === 'light'
+      ? theme.colors['fill-three']
+      : theme.colors['fill-two'],
 }))
 
 const startEndStyles = {