diff --git a/src/components/CustomScheduleModal.vue b/src/components/CustomScheduleModal.vue
index 4ddfc5aa..9fbc0180 100644
--- a/src/components/CustomScheduleModal.vue
+++ b/src/components/CustomScheduleModal.vue
@@ -261,8 +261,10 @@ ion-content {
   --padding-bottom: 80px;
 }
 ion-modal.date-time-modal {
-  --width: 290px;
-  --height: 440px;
+  --height: 252px;
   --border-radius: 8px;
 }
+ion-modal.date-time-modal::part(backdrop) {
+  --backdrop-opacity: 0.32;
+}
 </style>
\ No newline at end of file