diff --git a/frontend/src/pages/Home.vue b/frontend/src/pages/Home.vue
index d5c5f8bf..c7db072b 100644
--- a/frontend/src/pages/Home.vue
+++ b/frontend/src/pages/Home.vue
@@ -7,8 +7,8 @@
     </header>
     <div style="display: flex; justify-content: space-between;" :class="{'show-view': showView}">
       <Tree ref="tree" class="tree" v-model="file"></Tree>
-      <div style="display: flex;flex-direction: column; height: 95vh">
-        <div style="display: flex;height: 100%">
+      <div class="content" style="flex-direction: column;">
+        <div class="content">
           <Editor
             ref="editor"
             class="editor"
@@ -289,6 +289,11 @@ export default {
     box-sizing: border-box;
     display: none;
   }
+
+  .content {
+    display: flex;
+    height: 95vh;
+  }
 }
 
 @media (max-width: 767px) {