diff --git a/resources/assets/sass/_grid.scss b/resources/assets/sass/_grid.scss
index aeb31460b..c742d020d 100644
--- a/resources/assets/sass/_grid.scss
+++ b/resources/assets/sass/_grid.scss
@@ -53,7 +53,7 @@ body.flexbox {
 .flex.sidebar {
   flex: 1;
   background-color: #F2F2F2;
-  max-width: 360px;
+  max-width: 420px;
   min-height: 90vh;
   section {
     margin: $-m;
diff --git a/resources/assets/sass/_html.scss b/resources/assets/sass/_html.scss
index 32756a600..a89d030a1 100644
--- a/resources/assets/sass/_html.scss
+++ b/resources/assets/sass/_html.scss
@@ -14,7 +14,7 @@ html {
 body {
   font-size: $fs-m;
   line-height: 1.6;
-  color: #616161;
+  color: #444;
   -webkit-font-smoothing: antialiased;
   background-color: #F2F2F2;
 }
diff --git a/resources/assets/sass/_text.scss b/resources/assets/sass/_text.scss
index fa34d7fc8..900c677ff 100644
--- a/resources/assets/sass/_text.scss
+++ b/resources/assets/sass/_text.scss
@@ -42,7 +42,7 @@ h1, h2, h3, h4, h5, h6 {
   font-weight: 400;
   position: relative;
   display: block;
-  color: #555;
+  color: #333;
   .subheader {
     font-size: 0.5em;
     line-height: 1em;
diff --git a/resources/views/sidebar-layout.blade.php b/resources/views/sidebar-layout.blade.php
index 9df8ba813..f5e04f4e0 100644
--- a/resources/views/sidebar-layout.blade.php
+++ b/resources/views/sidebar-layout.blade.php
@@ -14,12 +14,12 @@
         <div sidebar class="sidebar flex print-hidden" id="sidebar">
             <div class="sidebar-toggle primary-background-light">@icon('caret-right-circle')
             </div>
-            <div class="scroll-body px-m">
+            <div class="scroll-body px-xl">
                 @yield('sidebar')
             </div>
         </div>
 
-        <div class="content mr-m flex @yield('body-wrap-classes')">
+        <div class="content mr-xl flex @yield('body-wrap-classes')">
             @yield('body')
         </div>
     </div>