diff --git a/components/player-card/filterable-header.tsx b/components/player-card/filterable-header.tsx
index 2300470e..a35ea447 100644
--- a/components/player-card/filterable-header.tsx
+++ b/components/player-card/filterable-header.tsx
@@ -14,7 +14,7 @@ const FilterableHeader = ({ options, title, onChange, onReset }: FilterableHeade
   }
 
   return (
-    <Popover position="bottom" withArrow shadow="md">
+    <Popover position="bottom" withArrow withinPortal shadow="md">
       <Popover.Target>
         <Group position="center">
           <Flex>