refactor: Downsize the search bar a bit (#2789)

BrunoQuaresma · web-flow · commit ea5c2cd09bc7 · 2022-07-01T17:37:08.000-03:00
diff --git a/site/src/components/SearchBarWithFilter/SearchBarWithFilter.tsx b/site/src/components/SearchBarWithFilter/SearchBarWithFilter.tsx
@@ -112,7 +112,7 @@ export const SearchBarWithFilter: React.FC<SearchBarWithFilterProps> = ({
             className={styles.inputStyles}
             onChange={form.handleChange}
             startAdornment={
-              <InputAdornment position="start">
+              <InputAdornment position="start" className={styles.searchIcon}>
                 <SearchIcon fontSize="small" />
               </InputAdornment>
             }
@@ -183,5 +183,15 @@ const useStyles = makeStyles<Theme, StyleProps>((theme) => ({
         borderColor: (props) => props.error && theme.palette.error.contrastText,
       },
     },
+
+    "& .MuiInputBase-input": {
+      paddingTop: "inherit",
+      paddingBottom: "inherit",
+      // The same as the button
+      minHeight: 42,
+    },
+  },
+  searchIcon: {
+    color: theme.palette.text.secondary,
   },
 }))
