diff --git a/src/components/main/trace-frame/Layout.vue b/src/components/main/trace-frame/Layout.vue
index b4efd4f..2465ec7 100644
--- a/src/components/main/trace-frame/Layout.vue
+++ b/src/components/main/trace-frame/Layout.vue
@@ -43,7 +43,8 @@ const traceIds = computed(() => traceIdSubscription.data.value);
 .g-container {
   display: grid;
   block-size: 100%;
-  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
+  inline-size: 100%;
+  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
   gap: 6px;
 }
 </style>
diff --git a/src/components/main/trace-frame/ScriptEditor.vue b/src/components/main/trace-frame/ScriptEditor.vue
index 22119c7..8aac504 100644
--- a/src/components/main/trace-frame/ScriptEditor.vue
+++ b/src/components/main/trace-frame/ScriptEditor.vue
@@ -1,5 +1,6 @@
 <template>
-  <v-layout full-height style="width: 100%">
+  <!-- <v-layout full-height style="max-inline-size: 100%"> -->
+  <v-layout full-height>
     <v-card flat class="g-container" rounded="0">
       <div class="g-content">
         <div ref="editor" style="height: 100%; max-height: 100%"></div>
@@ -145,6 +146,7 @@ function reset() {
 .g-content {
   grid-area: content;
   block-size: 100%;
+  inline-size: 100%;
 }
 
 .g-header {