diff --git a/services/web/public/stylesheets/app/project-list.less b/services/web/public/stylesheets/app/project-list.less
index 41e5df7ce2..b5193ddefd 100644
--- a/services/web/public/stylesheets/app/project-list.less
+++ b/services/web/public/stylesheets/app/project-list.less
@@ -102,6 +102,9 @@
 	}
 	p {
 		margin-bottom: @line-height-computed / 4;
+		&.small {
+			color: @sidebar-color;
+		}
 	}
 }
 
@@ -148,11 +151,15 @@ ul.folders-menu {
 				background-color: @sidebar-hover-bg;
 				text-decoration: @sidebar-hover-text-decoration;
 			}
+			&:focus {
+				text-decoration: none;
+			}
 		}
 		> a when (@is-overleaf = false) {
 			font-size: 0.9rem;
 		}
 		&.separator {
+			padding: @folders-menu-item-v-padding @folders-menu-item-h-padding;
 			cursor: auto;
 		}
 	}
diff --git a/services/web/public/stylesheets/core/_common-variables.less b/services/web/public/stylesheets/core/_common-variables.less
index 039c0c890d..576aa6d6d4 100644
--- a/services/web/public/stylesheets/core/_common-variables.less
+++ b/services/web/public/stylesheets/core/_common-variables.less
@@ -793,8 +793,9 @@
 
 // Custom
 @is-overleaf: false;
-@header-height: 69px;
+@header-height: 68px;
 @footer-height: 50px;
+@text-small-color: @gray;
 
 @content-alt-bg-color: lighten(@gray-lightest, 2.5%);
 
@@ -823,6 +824,7 @@
 @structured-list-hover-color: @gray-lightest;
 
 @sidebar-bg: transparent;
+@sidebar-color: @gray;
 @sidebar-link-color: #333;
 @sidebar-active-border-radius: @border-radius-small;
 @sidebar-active-bg: @link-color;
diff --git a/services/web/public/stylesheets/core/ol-variables.less b/services/web/public/stylesheets/core/ol-variables.less
index 0a884fbc3f..4598490c4a 100644
--- a/services/web/public/stylesheets/core/ol-variables.less
+++ b/services/web/public/stylesheets/core/ol-variables.less
@@ -1,7 +1,7 @@
 @import "./_common-variables.less";
 
 @is-overleaf: true;
-@header-height: 70px;
+@header-height: 68px;
 @footer-height: 50px;
 
 // Styleguide colors
@@ -29,10 +29,11 @@
 @navbar-brand-image-url : url(/img/ol-brand/overleaf-white.svg);
 
 // Backgrounds
-@body-bg                : @ol-blue-gray-1;
+@body-bg                : #FFF;
 @content-alt-bg-color   : @ol-blue-gray-1;
 
 // Typography
+@text-small-color       : @ol-type-color;
 @text-color             : @ol-type-color;
 @link-color             : @ol-blue;
 @link-hover-color       : @ol-dark-blue;
@@ -84,6 +85,7 @@
 @navbar-subdued-hover-color       : @ol-green;
 
 // Forms
+@input-color                      : @ol-blue-gray-3;
 @input-border-radius              : unit(@line-height-base, em);
 @input-height-base                : @line-height-computed + (@padding-base-vertical * 2) - 1;
 // TODO Warning color-orange?
@@ -100,6 +102,7 @@
 
 // Sidebar
 @sidebar-bg                     : @ol-blue-gray-5;
+@sidebar-color                  : @ol-blue-gray-2;
 @sidebar-link-color             : #FFF;
 @sidebar-active-border-radius   : 0;
 @sidebar-active-bg              : @ol-blue-gray-6;
@@ -116,7 +119,7 @@
 @folders-title-font-weight      : normal;
 @folders-title-font-size        : @font-size-small;
 @folders-title-line-height      : unit((@font-size-base / @font-size-small) * @folders-menu-line-height);
-@folders-title-color            : @ol-blue-gray-3;
+@folders-title-color            : @ol-blue-gray-2;
 @folders-title-text-transform   : uppercase;
 @folders-tag-display            : block;
 @folders-tag-line-height        : 1.4;
diff --git a/services/web/public/stylesheets/core/type.less b/services/web/public/stylesheets/core/type.less
index 56c7d236ea..ac1dcf3765 100755
--- a/services/web/public/stylesheets/core/type.less
+++ b/services/web/public/stylesheets/core/type.less
@@ -81,7 +81,7 @@ p {
 
 // Ex: 14px base font * 85% = about 12px
 small,
-.small  { font-size: 90%; color: @gray }
+.small  { font-size: 90%; color: @text-small-color; }
 
 // Undo browser default styling
 cite    { font-style: normal; }