From 25a06a66929420af774d36d14dd1a875815e1ee4 Mon Sep 17 00:00:00 2001
From: BrunoQuaresma <bruno_nonato_quaresma@hotmail.com>
Date: Wed, 7 Jun 2023 14:44:38 +0000
Subject: [PATCH] hotfix: improve filter on smaller screens

---
 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 2999cb8a1f046..4712940565e2d 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
       ) : (