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