diff --git a/src/App.vue b/src/App.vue
index 0fdf14b..57e6d72 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -12,7 +12,7 @@ import { ref } from "vue";
 </script>
 
 <template>
-  <q-layout view="hHr LpR fFf">
+  <q-layout view="hHh Lpr fff">
     <q-header elevated class="bg-primary text-white" height-hint="98">
       <q-toolbar>
         <q-toolbar-title>
diff --git a/src/pages/Editor.vue b/src/pages/Editor.vue
index 7a45dee..3efbf92 100644
--- a/src/pages/Editor.vue
+++ b/src/pages/Editor.vue
@@ -18,15 +18,21 @@
     </q-header>
 
     <q-drawer show-if-above v-model="leftDrawerOpen" side="left" bordered>
-    variables
-    <q-separator />
-    function
- <!-- drawer content -->
+      <div class="column" style="height: 100%">
+        <div class="col">
+          variables
+        </div>
+        <div class="col">
+          <q-separator />
+          function
+        </div>
+      </div>
+
+      <!-- drawer content -->
     </q-drawer>
 
-    <q-page-container> 
-    <WrapperBox/>
-
+    <q-page-container>
+      <WrapperBox />
     </q-page-container>
 
     <q-footer reveal elevated class="bg-grey-8 text-white">