diff --git a/src/components/card/CardSidebarTabDetails.vue b/src/components/card/CardSidebarTabDetails.vue
index ab42da0f6..6b330ce3f 100644
--- a/src/components/card/CardSidebarTabDetails.vue
+++ b/src/components/card/CardSidebarTabDetails.vue
@@ -449,5 +449,10 @@ export default {
 .multiselect.multiselect--active:deep(.multiselect__tags-wrap) {
 	z-index: 0;
 }
-
+</style>
+<style>
+.mx-datepicker-main.mx-datepicker-popup {
+	/* above the modal */
+	z-index: 9999;
+}
 </style>