fix adornment color (#1578)

mitodl · Sep 18, 2024 · a6e0e9c · a6e0e9c
1 parent ad1ef03
commit a6e0e9c
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/frontends/ol-components/src/components/Input/Input.tsx b/frontends/ol-components/src/components/Input/Input.tsx
@@ -200,6 +200,16 @@ const AdornmentButtonStyled = styled("button")(({ theme }) => ({
   ":hover": {
     background: "rgba(0, 0, 0, 0.06)",
   },
+  color: theme.custom.colors.silverGray,
+  ".MuiInputBase-root:hover &": {
+    color: "inherit",
+  },
+  ".MuiInputBase-root.Mui-focused &": {
+    color: "inherit",
+  },
+  ".MuiInputBase-root.Mui-disabled &": {
+    color: "inherit",
+  },
   height: "100%",
 }))