From 00f96ca6ede84c851689b3d35801bf972c9137d9 Mon Sep 17 00:00:00 2001
From: nick-delirium <nikita@openreplay.com>
Date: Thu, 29 Jun 2023 15:32:09 +0200
Subject: [PATCH] fix(ui): avoid break-inside for filter columns

---
 .../app/components/shared/Filters/FilterModal/FilterModal.tsx   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/app/components/shared/Filters/FilterModal/FilterModal.tsx b/frontend/app/components/shared/Filters/FilterModal/FilterModal.tsx
index 9eda5b9c9..5f00cd885 100644
--- a/frontend/app/components/shared/Filters/FilterModal/FilterModal.tsx
+++ b/frontend/app/components/shared/Filters/FilterModal/FilterModal.tsx
@@ -93,7 +93,7 @@ function FilterModal(props: Props) {
       >
         {matchingCategories.map((key) => {
           return (
-            <div className="mb-6 flex flex-col gap-2" key={key}>
+            <div className="mb-6 flex flex-col gap-2 break-inside-avoid" key={key}>
               <div className="uppercase font-medium mb-1 color-gray-medium tracking-widest text-sm">
                 {key}
               </div>