Main container and scroll-bar styling

src/styles-new/_global.scss

@@ -36,6 +36,37 @@ div {
     position: relative;
 }
 
+/******************************* BROWSER ELEMENTS */
+body {
+    ::-webkit-scrollbar {
+        box-sizing: border-box;
+        box-shadow: inset $scrollbarTrackShdw;
+        background-color: $scrollbarTrackColorBg;
+        height: $scrollbarTrackSize;
+        width: $scrollbarTrackSize;
+    }
+
+    ::-webkit-scrollbar-thumb {
+        box-sizing: border-box;
+        background: $scrollbarThumbColor;
+        &:hover { background: $scrollbarThumbColorHov; }
+    }
+
+    .overlay ::-webkit-scrollbar-thumb {
+        background: $scrollbarThumbColorOverlay;
+        &:hover { background: $scrollbarThumbColorOverlayHov; }
+    }
+
+    .menu ::-webkit-scrollbar-thumb {
+        background: $scrollbarThumbColorMenu;
+        &:hover { background: $scrollbarThumbColorMenuHov; }
+    }
+
+    ::-webkit-scrollbar-corner {
+        background: $scrollbarTrackColorBg;
+    }
+}
+
 /************************** HTML ENTITIES */
 a {
     //color: $colorA;

src/ui/components/layout/Layout.vue

@@ -17,8 +17,7 @@
                 </div>
             </pane>
             <pane class="l-pane l-shell__pane-main">
-                <div style="position: absolute; top: 0; bottom: 0; width: 100%" ref="mainContainer">
+                <div class="l-shell__main-container" ref="mainContainer"></div>
-                </div>
             </pane>
             <pane class="l-pane l-shell__pane-inspector"
                   handle="before"
@@ -70,6 +69,14 @@
             flex-flow: row nowrap;
         }
 
+        &__main-container {
+            // Wrapper for main views
+            $m: $interiorMargin;
+            overflow: auto;
+            position: absolute;
+            top: $m; right: $m; bottom: $m; left: $m;
+        }
+
         &__tree {
             flex: 1 1 100%;
         }