diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/gateway/dialog/mapping-dialog.component.scss b/ui-ngx/src/app/modules/home/components/widget/lib/gateway/dialog/mapping-dialog.component.scss
index db98bc07cb..2237716a7c 100644
--- a/ui-ngx/src/app/modules/home/components/widget/lib/gateway/dialog/mapping-dialog.component.scss
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/gateway/dialog/mapping-dialog.component.scss
@@ -35,6 +35,14 @@
   .mat-mdc-dialog-content {
     max-height: 670px;
     height: 670px;
+
+    @media screen and (max-height: 800px) {
+      $mat-toolbar-height: 64px;
+      $mat-mdc-dialog-actions: 53px;
+      $dialog-offset: 24px;
+      $content-height: calc(100vh - #{$mat-toolbar-height} - #{$mat-mdc-dialog-actions} - #{$dialog-offset});
+      max-height: $content-height;
+    }
   }
 
   .ellipsis-chips-container {