From df82f299454dd92d1722151c349668d005cf245f Mon Sep 17 00:00:00 2001
From: Bruno Quaresma <bruno@coder.com>
Date: Wed, 7 Jun 2023 12:01:49 -0300
Subject: [PATCH] fix(site): improve filter on smaller screens (#7899)

---
 site/src/components/Filter/filter.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/site/src/components/Filter/filter.tsx b/site/src/components/Filter/filter.tsx
index 2999cb8a1f..4712940565 100644
--- 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
       ) : (