diff --git a/ui-ngx/src/app/modules/home/components/dashboard-page/dashboard-page.component.scss b/ui-ngx/src/app/modules/home/components/dashboard-page/dashboard-page.component.scss
index d8d1de2905..a52ea72de7 100644
--- a/ui-ngx/src/app/modules/home/components/dashboard-page/dashboard-page.component.scss
+++ b/ui-ngx/src/app/modules/home/components/dashboard-page/dashboard-page.component.scss
@@ -125,7 +125,11 @@ div.tb-dashboard-page {
     mat-drawer-container.tb-dashboard-layouts {
       width: 100%;
       &.tb-shrinked {
-        width: 40%;
+        width: max(40%, calc(100% - 956px));
+
+        @media screen and (min-width: 2000px) {
+          width: max(40%, calc(100% - 1192px));
+        }
       }
     }
 
@@ -135,11 +139,15 @@ div.tb-dashboard-page {
       }
 
       @media #{$mat-gt-md} {
-        width: 75% !important;
+        width: min(75%, 956px) !important;
       }
 
       @media #{$mat-gt-xl} {
-        width: 60% !important;
+        width: min(60%, 956px) !important;
+      }
+
+      @media screen and (min-width: 2000px) {
+        width: min(60%, 1192px) !important;
       }
     }
   }
diff --git a/ui-ngx/src/app/modules/home/components/dashboard-page/dashboard-widget-select.component.ts b/ui-ngx/src/app/modules/home/components/dashboard-page/dashboard-widget-select.component.ts
index 8b60fe9aca..b2905955e8 100644
--- a/ui-ngx/src/app/modules/home/components/dashboard-page/dashboard-widget-select.component.ts
+++ b/ui-ngx/src/app/modules/home/components/dashboard-page/dashboard-widget-select.component.ts
@@ -142,8 +142,8 @@ export class DashboardWidgetSelectComponent implements OnInit {
     columns: 2,
     breakpoints: {
       'screen and (min-width: 2000px)': 5,
-      'screen and (min-width: 1280px)': 4,
-      'screen and (min-width: 600px)': 3
+      'screen and (min-width: 721px)': 4,
+      'screen and (min-width: 485px)': 3
     }
   };