diff --git a/magic-editor/src/console/src/components/common/magic-json-tree.vue b/magic-editor/src/console/src/components/common/magic-json-tree.vue
index 743c548a..fcc7324b 100644
--- a/magic-editor/src/console/src/components/common/magic-json-tree.vue
+++ b/magic-editor/src/console/src/components/common/magic-json-tree.vue
@@ -103,5 +103,6 @@
     display: flex;
     flex-direction: row;
     align-items: center;
+    white-space: nowrap;
   }
 </style>
diff --git a/magic-editor/src/console/src/components/common/magic-json.vue b/magic-editor/src/console/src/components/common/magic-json.vue
index 9147d171..2b402d44 100644
--- a/magic-editor/src/console/src/components/common/magic-json.vue
+++ b/magic-editor/src/console/src/components/common/magic-json.vue
@@ -191,7 +191,7 @@
   }
 
   .json-view {
-    flex: 1;
+    width: 50%;
     margin: 0px 10px;
     border: 1px solid var(--border-color);
     border-top: none;
@@ -204,7 +204,7 @@
   }
 
   .json-panel {
-    flex: 1;
+    width: 50%;
     margin: 0px 10px;
     border: 1px solid var(--border-color);
     border-top: none;