diff --git a/packages/editor/src/components/Layout.vue b/packages/editor/src/components/Layout.vue
index ead4841a..c3ce3df1 100644
--- a/packages/editor/src/components/Layout.vue
+++ b/packages/editor/src/components/Layout.vue
@@ -41,7 +41,7 @@ const props = withDefaults(
   {
     minLeft: 46,
     minRight: 1,
-    minCenter: 1,
+    minCenter: 5,
   },
 );
 
diff --git a/packages/editor/src/layouts/Framework.vue b/packages/editor/src/layouts/Framework.vue
index d777a42a..1f00a618 100644
--- a/packages/editor/src/layouts/Framework.vue
+++ b/packages/editor/src/layouts/Framework.vue
@@ -122,8 +122,11 @@ watch(
   },
 );
 
-const columnWidthChange = (columnWidth: GetColumnWidth) => {
-  uiService?.set('columnWidth', columnWidth);
+const columnWidthChange = (columnW: GetColumnWidth) => {
+  columnWidth.value.left = columnW.left;
+  columnWidth.value.center = columnW.center;
+  columnWidth.value.right = columnW.right;
+  uiService?.set('columnWidth', columnW);
 };
 
 const saveCode = (value: string) => {