diff --git a/src/generic/configure-modal/ConfigureModal.jsx b/src/generic/configure-modal/ConfigureModal.jsx
index d41458b8a..cf5cb6038 100644
--- a/src/generic/configure-modal/ConfigureModal.jsx
+++ b/src/generic/configure-modal/ConfigureModal.jsx
@@ -277,7 +277,7 @@ const ConfigureModal = ({
       onClose={onClose}
       hasCloseButton
       isFullscreenOnMobile
-      isOverflowVisible={false}
+      isOverflowVisible
     >
       <div data-testid="configure-modal">
         <ModalDialog.Header className="configure-modal__header">
diff --git a/src/generic/configure-modal/ConfigureModal.scss b/src/generic/configure-modal/ConfigureModal.scss
index 9a0eb6474..f9331fcdb 100644
--- a/src/generic/configure-modal/ConfigureModal.scss
+++ b/src/generic/configure-modal/ConfigureModal.scss
@@ -4,6 +4,10 @@
     position: static;
   }
 
+  .react-datepicker-popper {
+    z-index: 10;
+  }
+
   .w-7rem {
     width: 7.2rem;
   }