diff --git a/src/components/TheEditor.vue b/src/components/TheEditor.vue
index dce57ec45..5df56bfe4 100644
--- a/src/components/TheEditor.vue
+++ b/src/components/TheEditor.vue
@@ -60,6 +60,7 @@
                         :name="filename"
                         :file-extension="fileExtension"
                         class="codemirror"
+                        :class="{ withSidebar: fileStructureSidebar }"
                         @lineChange="lineChanges" />
                     <div v-if="fileStructureSidebar" class="d-none d-md-flex structure-sidebar">
                         <v-treeview
@@ -525,6 +526,10 @@ export default class TheEditor extends Mixins(BaseMixin) {
 
 @media screen and (min-width: 960px) {
     .codemirror {
+        width: 100%;
+    }
+
+    .codemirror.withSidebar {
         width: calc(100% - 300px);
     }
 }