diff --git a/frontend/src/css/styles.css b/frontend/src/css/styles.css
index 8306fcc7..9931bcf1 100644
--- a/frontend/src/css/styles.css
+++ b/frontend/src/css/styles.css
@@ -291,6 +291,8 @@ main .spinner .bounce2 {
 /* EDITOR */
 
 #editor-container {
+  display: flex;
+  flex-direction: column;
   background-color: #fafafa;
   position: fixed;
   padding-top: 4em;
@@ -303,15 +305,14 @@ main .spinner .bounce2 {
 }
 
 #editor-container #editor {
-  height: 95%;
+  flex: 1;
 }
 
 #editor-container .breadcrumbs {
-  height: 5%;
+  height: 2.3em;
   padding: 0 1em;
 }
 
-
 #editor-container .breadcrumbs span {
   font-size: 12px;
 }