diff --git a/ui-ngx/src/app/shared/components/time/timewindow-config-dialog.component.scss b/ui-ngx/src/app/shared/components/time/timewindow-config-dialog.component.scss
index 358d28bf5a..eb25955005 100644
--- a/ui-ngx/src/app/shared/components/time/timewindow-config-dialog.component.scss
+++ b/ui-ngx/src/app/shared/components/time/timewindow-config-dialog.component.scss
@@ -28,3 +28,10 @@
     }
   }
 }
+
+:host-context(.mat-mdc-dialog-container) {
+  .tb-timewindow-form {
+    display: grid;
+    grid-template-rows: min-content min-content minmax(auto, 1fr) min-content min-content;
+  }
+}
diff --git a/ui-ngx/src/app/shared/components/time/timewindow-form.scss b/ui-ngx/src/app/shared/components/time/timewindow-form.scss
index 2379910a79..5f436acc09 100644
--- a/ui-ngx/src/app/shared/components/time/timewindow-form.scss
+++ b/ui-ngx/src/app/shared/components/time/timewindow-form.scss
@@ -18,8 +18,6 @@
   background-color: #fff;
 
   .tb-timewindow-form {
-    display: flex;
-    flex-direction: column;
     overflow: hidden;
 
     .tb-flex {
diff --git a/ui-ngx/src/app/shared/components/time/timewindow-panel.component.scss b/ui-ngx/src/app/shared/components/time/timewindow-panel.component.scss
index 9d9f12a5ce..dcf03ed094 100644
--- a/ui-ngx/src/app/shared/components/time/timewindow-panel.component.scss
+++ b/ui-ngx/src/app/shared/components/time/timewindow-panel.component.scss
@@ -18,6 +18,8 @@
   width: 450px;
 
   .tb-timewindow-form {
+    display: flex;
+    flex-direction: column;
     max-height: 100%;
 
     &-header {