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 8a6176acbf..ac7cedaec1 100644
--- a/ui-ngx/src/app/shared/components/time/timewindow-form.scss
+++ b/ui-ngx/src/app/shared/components/time/timewindow-form.scss
@@ -23,6 +23,10 @@
   background-color: #fff;
 
   .tb-timewindow-form {
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+
     .tb-flex {
       gap: 16px;
     }
diff --git a/ui-ngx/src/app/shared/components/time/timewindow-panel.component.html b/ui-ngx/src/app/shared/components/time/timewindow-panel.component.html
index 70dd8e4267..cc53f62bd6 100644
--- a/ui-ngx/src/app/shared/components/time/timewindow-panel.component.html
+++ b/ui-ngx/src/app/shared/components/time/timewindow-panel.component.html
@@ -153,7 +153,7 @@
         </section>
       </ng-container>
 
-      <section class="tb-form-row column same-padding" [fxShow]="(isEdit || !timewindow.hideAggInterval)
+      <section class="tb-form-row column-xs same-padding" [fxShow]="(isEdit || !timewindow.hideAggInterval)
        && timewindowForm.get('aggregation.type').value !== aggregationTypes.NONE">
         <ng-container formGroupName="realtime" *ngIf="timewindow.selectedTab === timewindowTypes.REALTIME">
           <tb-timeinterval
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 19a21a6c1f..eae99d1e7a 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,10 +18,6 @@
   width: 450px;
 
   .tb-timewindow-form {
-    display: flex;
-    flex-direction: column;
-    overflow: hidden;
-
     &-header {
       flex-direction: row;
       align-items: center;