diff --git a/src/components/JobConfiguration.vue b/src/components/JobConfiguration.vue
index c53b496f..3584b8e7 100644
--- a/src/components/JobConfiguration.vue
+++ b/src/components/JobConfiguration.vue
@@ -24,6 +24,7 @@
         <ion-modal :is-open="isOpen" @didDismiss="() => isOpen = false">
           <ion-content force-overscroll="false">
             <ion-datetime
+              show-default-buttons
               hour-cycle="h12"
               :value="job?.runTime ? getDateTime(job.runTime) : ''"
               @ionChange="updateRunTime($event, job)"
@@ -371,7 +372,7 @@ ion-item:nth-child(2) > ion-label:nth-child(3) {
 
 ion-modal {
   --width: 290px;
-  --height: 390px;
+  --height: 440px;
   --border-radius: 8px;
 }
 </style>
\ No newline at end of file
diff --git a/src/views/ScheduleThreshold.vue b/src/views/ScheduleThreshold.vue
index d88f974d..3a19b83a 100644
--- a/src/views/ScheduleThreshold.vue
+++ b/src/views/ScheduleThreshold.vue
@@ -35,6 +35,7 @@
                   <!-- TODO: check why datetime component is not unmounted after scheduling the job -->
                   <!-- For now added a key with current time to re-render the component always when coming to the page -->
                   <ion-datetime
+                    show-default-buttons
                     hour-cycle="h12"
                     :key="DateTime.now().toMillis()"
                     :value="initialRunTime ? getDateTime(initialRunTime) : ''"
@@ -679,7 +680,7 @@ ion-label:nth-child(3) {
 
 ion-modal {
   --width: 290px;
-  --height: 390px;
+  --height: 440px;
   --border-radius: 8px;
 }
 </style>
\ No newline at end of file