diff --git a/js/mask-rect-area-advanced.js b/js/mask-rect-area-advanced.js
index cd68661e..985b92c5 100644
--- a/js/mask-rect-area-advanced.js
+++ b/js/mask-rect-area-advanced.js
@@ -183,6 +183,13 @@ function showPreviewCanvas(node, app) {
     widget.canvas.className = "mask-rect-area-canvas";
     widget.parent = node;
 
+    widget.computeLayoutSize = function (node) {
+        return {
+            minHeight: 200,
+            maxHeight: 300
+        };
+    };
+
     document.body.appendChild(widget.canvas);
     node.addCustomWidget(widget);
 
diff --git a/js/mask-rect-area.js b/js/mask-rect-area.js
index b351d351..309096bb 100644
--- a/js/mask-rect-area.js
+++ b/js/mask-rect-area.js
@@ -176,6 +176,13 @@ function showPreviewCanvas(node, app) {
     widget.canvas.className = "mask-rect-area-canvas";
     widget.parent = node;
 
+    widget.computeLayoutSize = function (node) {
+        return {
+            minHeight: 200,
+            maxHeight: 300
+        };
+    };
+
     document.body.appendChild(widget.canvas);
     node.addCustomWidget(widget);