diff --git a/packages/frontend/src/components/shared/DatePicker/DatePicker.tsx b/packages/frontend/src/components/shared/DatePicker/DatePicker.tsx
index 69b44e84..99fd82a5 100644
--- a/packages/frontend/src/components/shared/DatePicker/DatePicker.tsx
+++ b/packages/frontend/src/components/shared/DatePicker/DatePicker.tsx
@@ -85,7 +85,10 @@ export const DatePicker = ({
         />
       </Popover.Trigger>
       <Popover.Portal>
-        <Popover.Content onInteractOutside={() => setOpen(false)}>
+        <Popover.Content
+          className="z-10"
+          onInteractOutside={() => setOpen(false)}
+        >
           <Calendar
             {...calendarProps}
             selectRange={selectRange}