diff --git a/frontend/src/components/ui/date-picker.tsx b/frontend/src/components/ui/date-picker.tsx
index 359d2be..b846ad2 100644
--- a/frontend/src/components/ui/date-picker.tsx
+++ b/frontend/src/components/ui/date-picker.tsx
@@ -160,7 +160,7 @@ const DatePicker = React.forwardRef<HTMLButtonElement, DatePickerProps>(
       });
     }, [mode, usesNativeInput]);
 
-    React.useEffect(() => {
+    React.useLayoutEffect(() => {
       if (!open) return;
       updatePosition();
       window.addEventListener('scroll', updatePosition, true);