Merge pull request #106 from shapehq/enhancement/select-appearance

Styles the Select component
shapehq · Oct 30, 2023 · 5449bad · 5449bad
2 parents ee6a447 + 9eb577e
commit 5449bad
Showing 1 changed file with 13 additions and 2 deletions.
diff --git a/src/common/theme/theme.tsx b/src/common/theme/theme.tsx
@@ -32,7 +32,17 @@ const theme = () => createTheme({
     MuiSelect: {
       styleOverrides: {
         root: () => ({
-          borderRadius: "20px"
+          borderRadius: "20px",
+          "&:hover": {
+            background: "rgba(0, 0, 0, 0.05)"
+          },
+          ".MuiOutlinedInput-notchedOutline": {
+            borderColor: "black"
+          },
+          "&.Mui-focused .MuiOutlinedInput-notchedOutline": {
+            borderColor: "black",
+            borderWidth: "1px"
+          }
         })
       },
       defaultProps: {
@@ -47,7 +57,8 @@ const theme = () => createTheme({
               icon={faCaretDown}
               className={props.className}
               style={{
-                marginRight: "5px"
+                marginRight: "5px",
+                color: "black"
               }}
             />
           )