diff --git a/ui-ngx/src/app/modules/home/components/widget/widget-preview.component.html b/ui-ngx/src/app/modules/home/components/widget/widget-preview.component.html
index 7d64036838..870cb08513 100644
--- a/ui-ngx/src/app/modules/home/components/widget/widget-preview.component.html
+++ b/ui-ngx/src/app/modules/home/components/widget/widget-preview.component.html
@@ -20,7 +20,7 @@
               [stateController]="stateController"
               [widgets]="widgets"
               [autofillHeight]="true"
-              [columns]="20"
+              [columns]="24"
               [isEdit]="false"
               [isMobileDisabled]="true"
               [isEditActionEnabled]="false"
diff --git a/ui-ngx/src/app/modules/home/components/widget/widget-preview.component.ts b/ui-ngx/src/app/modules/home/components/widget/widget-preview.component.ts
index 4b62bba653..cd088e5744 100644
--- a/ui-ngx/src/app/modules/home/components/widget/widget-preview.component.ts
+++ b/ui-ngx/src/app/modules/home/components/widget/widget-preview.component.ts
@@ -67,14 +67,11 @@ export class WidgetPreviewComponent extends PageComponent implements OnInit, OnC
   }
 
   private loadPreviewWidget() {
-    const sizeX = this.widget.sizeX * 2;
-    const sizeY = this.widget.sizeY * 2;
-    const col = Math.floor(Math.max(0, (20 - sizeX) / 2));
     const widget = deepClone(this.widget);
-    widget.sizeX = sizeX;
-    widget.sizeY = sizeY;
+    widget.sizeX = 24;
+    widget.sizeY = this.widget.sizeY * 2;
     widget.row = 0;
-    widget.col = col;
+    widget.col = 0;
     widget.config = this.widgetConfig;
     this.widgets = [widget];
   }