fix(site): improve filter on smaller screens (#7899)

BrunoQuaresma · web-flow · commit df82f299454d · 2023-06-07T15:01:49.000Z
diff --git a/site/src/components/Filter/filter.tsx b/site/src/components/Filter/filter.tsx
@@ -154,7 +154,14 @@ export const Filter = ({
   }, [filter.query])
 
   return (
-    <Box display="flex" sx={{ gap: 1, mb: 2 }}>
+    <Box
+      sx={{
+        display: "flex",
+        flexWrap: ["wrap", undefined, "nowrap"],
+        gap: 1,
+        mb: 2,
+      }}
+    >
       {isLoading ? (
         skeleton
       ) : (
