From 11b477d8720c8048c02096536f196385a7a77c75 Mon Sep 17 00:00:00 2001
From: Mateusz Kwasniewski <kwasniewski.mateusz@gmail.com>
Date: Wed, 13 Dec 2023 09:23:20 +0100
Subject: [PATCH] test: scrollable filter options and sticky search (#5623)

---
 frontend/src/component/common/FilterItem/FilterItem.styles.tsx | 1 +
 frontend/src/component/common/FilterItem/FilterItem.tsx        | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/src/component/common/FilterItem/FilterItem.styles.tsx b/frontend/src/component/common/FilterItem/FilterItem.styles.tsx
index 57407219a1..3e3c24d748 100644
--- a/frontend/src/component/common/FilterItem/FilterItem.styles.tsx
+++ b/frontend/src/component/common/FilterItem/FilterItem.styles.tsx
@@ -5,6 +5,7 @@ export const StyledDropdown = styled('div')(({ theme }) => ({
     display: 'flex',
     flexDirection: 'column',
     gap: theme.spacing(1),
+    maxHeight: '70vh',
 }));
 
 export const StyledListItem = styled(ListItem)(({ theme }) => ({
diff --git a/frontend/src/component/common/FilterItem/FilterItem.tsx b/frontend/src/component/common/FilterItem/FilterItem.tsx
index 69725467e2..c2a6c9dc68 100644
--- a/frontend/src/component/common/FilterItem/FilterItem.tsx
+++ b/frontend/src/component/common/FilterItem/FilterItem.tsx
@@ -137,7 +137,7 @@ export const FilterItem: FC<IFilterItemProps> = ({
                             ),
                         }}
                     />
-                    <List disablePadding>
+                    <List sx={{ overflowY: 'auto' }} disablePadding>
                         {options
                             ?.filter((option) =>
                                 option.label