diff --git a/magic-editor/src/console/src/components/layout/magic-options.vue b/magic-editor/src/console/src/components/layout/magic-options.vue
index 373a5a07..e884265b 100644
--- a/magic-editor/src/console/src/components/layout/magic-options.vue
+++ b/magic-editor/src/console/src/components/layout/magic-options.vue
@@ -220,6 +220,7 @@ export default {
 .ma-layout .ma-layout-container {
   flex: auto;
   height: 100%;
+  width: 100%;
 }
 
 .ma-layout .ma-header > * {
diff --git a/magic-editor/src/console/src/components/layout/magic-request.vue b/magic-editor/src/console/src/components/layout/magic-request.vue
index 8957857d..8b64e6ac 100644
--- a/magic-editor/src/console/src/components/layout/magic-request.vue
+++ b/magic-editor/src/console/src/components/layout/magic-request.vue
@@ -161,7 +161,7 @@
               <div class="header">编辑器</div>
               <div ref="bodyEditor" class="ma-body-editor"></div>
             </div>
-            <div style="flex: 1;">
+            <div style="width: 50%">
               <magic-json :jsonData="requestBody || []" :forceUpdate="forceUpdate" :height="layoutHeight" type="request"></magic-json>
             </div>
           </div>