diff --git a/resources/js/components/data-display/filter-popover.tsx b/resources/js/components/data-display/filter-popover.tsx
index a2670c0..563a327 100644
--- a/resources/js/components/data-display/filter-popover.tsx
+++ b/resources/js/components/data-display/filter-popover.tsx
@@ -37,7 +37,11 @@ export function FilterPopover({
                     )}
                 </Button>
             </PopoverTrigger>
-            <PopoverContent className="w-64" align="end">
+            <PopoverContent
+                className="max-h-[calc(100vh-4rem)] w-64 overflow-y-auto"
+                align="end"
+                avoidCollisions={false}
+            >
                 <div className="flex flex-col gap-4">
                     <div className="flex items-center justify-between">
                         <span className="text-sm font-medium">Filter</span>