diff --git a/src/components/TheEditor.vue b/src/components/TheEditor.vue
index 049bd1db5..6e22f121d 100644
--- a/src/components/TheEditor.vue
+++ b/src/components/TheEditor.vue
@@ -52,7 +52,7 @@
                         <v-icon>{{ mdiCloseThick }}</v-icon>
                     </v-btn>
                 </template>
-                <v-card-text class="pa-0 d-flex">
+                <v-card-text class="pa-0 d-flex editor-content-height">
                     <codemirror-async
                         v-if="show"
                         ref="editor"
@@ -552,6 +552,10 @@ export default class TheEditor extends Mixins(BaseMixin) {
     white-space: nowrap;
 }
 
+.editor-content-height {
+    height: calc(100dvh - 48px);
+}
+
 ::v-deep .v-treeview-node__level + .v-treeview-node__level {
     width: 12px;
 }