🧹

aslilac · aslilac · commit d17861b0bbc5 · 2023-11-21T22:41:49.000Z
diff --git a/site/src/components/Dashboard/Navbar/NavbarView.tsx b/site/src/components/Dashboard/Navbar/NavbarView.tsx
@@ -113,11 +113,11 @@ export const NavbarView: FC<NavbarViewProps> = ({
 
   return (
     <nav
-      css={(theme) => ({
+      css={{
         height: navHeight,
         background: theme.palette.background.paper,
         borderBottom: `1px solid ${theme.palette.divider}`,
-      })}
+      }}
     >
       <div css={styles.wrapper}>
         <IconButton
diff --git a/site/src/components/Filter/filter.tsx b/site/src/components/Filter/filter.tsx
@@ -171,6 +171,7 @@ export const Filter: FC<FilterProps> = ({
   learnMoreLink2,
   presets,
 }) => {
+  const theme = useTheme();
   // Storing local copy of the filter query so that it can be updated more
   // aggressively without re-renders rippling out to the rest of the app every
   // single time. Exists for performance reasons - not really a good way to
@@ -198,9 +199,13 @@ export const Filter: FC<FilterProps> = ({
     <div
       css={{
         display: "flex",
-        flexWrap: "wrap",
         gap: 8,
         marginBottom: 16,
+        flexWrap: "nowrap",
+
+        [theme.breakpoints.down("md")]: {
+          flexWrap: "wrap",
+        },
       }}
     >
       {isLoading ? (
@@ -248,7 +253,7 @@ export const Filter: FC<FilterProps> = ({
                     zIndex: 2,
                   },
                   "& input::placeholder": {
-                    color: (theme) => theme.palette.text.secondary,
+                    color: theme.palette.text.secondary,
                   },
                   "& .MuiInputAdornment-root": {
                     marginLeft: 0,
@@ -260,10 +265,10 @@ export const Filter: FC<FilterProps> = ({
                 startAdornment: (
                   <InputAdornment position="start">
                     <SearchOutlined
-                      css={(theme) => ({
+                      css={{
                         fontSize: 14,
                         color: theme.palette.text.secondary,
-                      })}
+                      }}
                     />
                   </InputAdornment>
                 ),
