diff --git a/src/components/input/DateFilter.tsx b/src/components/input/DateFilter.tsx
index 825bdac02..0745f1009 100644
--- a/src/components/input/DateFilter.tsx
+++ b/src/components/input/DateFilter.tsx
@@ -115,7 +115,16 @@ export function DateFilter({
         popoverProps={{
           side: side as any,
           align: (align === 'top' ? 'start' : align === 'bottom' ? 'end' : align) as any,
-          style: { minWidth: 200 },
+          style: isMobile
+            ? {
+                // Base UI's positioned wrapper contains React Zen's fullscreen popup.
+                position: 'fixed',
+                inset: 0,
+                width: '100vw',
+                height: '100dvh',
+                transform: 'none',
+              }
+            : { minWidth: 200 },
         }}
         isFullscreen={isMobile}
       >