diff --git a/src/css/workstation.css b/src/css/workstation.css
index b7dad35..aa1bcf2 100644
--- a/src/css/workstation.css
+++ b/src/css/workstation.css
@@ -7,13 +7,24 @@
   box-shadow: var(--shadow-md);
 }
 
-.workstation-side {
+.workstation-editor {
   position: relative;
   display: flex;
   flex-direction: column;
   height: 100%;
-  width: calc(50% - 1px);
+  width: 50%;
+  min-width: 300px;
+  resize: horizontal;
+  overflow: scroll;
 }
+
+.workstation-renderer {
+  display: flex;
+  flex-grow: 1;
+  flex-direction: column;
+  position: relative;
+}
+
 .workstation-toolbar {
   display: flex;
   justify-content: space-between;
diff --git a/src/index.html b/src/index.html
index f08686f..9bda24a 100644
--- a/src/index.html
+++ b/src/index.html
@@ -135,7 +135,7 @@
       <div id="grid-fadeout"></div>
       <div id="container">
         <div id="workstation">
-          <div id="editor" class="workstation-side">
+          <div id="editor" class="workstation-editor">
             <div id="editor-toolbar" class="workstation-toolbar">
               <div id="editor-toolbar-left" class="workstation-toolbar-left">
                 <div id="editor-toolbar-left-label">Live editor</div>
@@ -171,7 +171,7 @@
 
           <div id="workstation-divider"></div>
 
-          <div id="render" class="workstation-side">
+          <div id="render" class="workstation-renderer">
             <div id="render-toolbar" class="workstation-toolbar">
               <div id="render-toolbar-left" class="workstation-toolbar-left">
                 <div class="btn-menu-container">