diff --git a/src/views/Main/Workspace/Tabs/Tab/RunResult/ValueViewer.vue b/src/views/Main/Workspace/Tabs/Tab/RunResult/ValueViewer.vue
index 7b6a07a..127757d 100644
--- a/src/views/Main/Workspace/Tabs/Tab/RunResult/ValueViewer.vue
+++ b/src/views/Main/Workspace/Tabs/Tab/RunResult/ValueViewer.vue
@@ -25,7 +25,7 @@
         v-if="currentFormat === 'json' && formattedJson"
         :value="formattedJson"
         :options="cmOptions"
-        class="json-value"
+        class="json-value original-style"
       />
       <pre
         v-if="currentFormat === 'text'"
@@ -192,7 +192,8 @@ export default {
   color: var(--color-accent);
 }
 
-:deep(.vue-codemirror) {
+:deep(.codemirror-container) {
+  display: block;
   height: 100%;
   max-height: 100%;
 }
diff --git a/src/views/Main/Workspace/Tabs/Tab/SqlEditor/index.vue b/src/views/Main/Workspace/Tabs/Tab/SqlEditor/index.vue
index 3d36783..c069aea 100644
--- a/src/views/Main/Workspace/Tabs/Tab/SqlEditor/index.vue
+++ b/src/views/Main/Workspace/Tabs/Tab/SqlEditor/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="sql-editor-panel">
-    <div class="codemirror-container original-style">
+    <div class="codemirror-box original-style">
       <codemirror
         ref="cm"
         v-model:value="query"
@@ -91,12 +91,13 @@ export default {
   overflow: hidden;
 }
 
-.codemirror-container {
+.codemirror-box {
   flex-grow: 1;
   overflow: auto;
 }
 
-:deep(.vue-codemirror) {
+:deep(.codemirror-container) {
+  display: block;
   height: 100%;
   max-height: 100%;
 }