diff --git a/app/app/styles/base.scss b/app/app/styles/base.scss
index 44854a2e..7b9820ac 100644
--- a/app/app/styles/base.scss
+++ b/app/app/styles/base.scss
@@ -32,7 +32,7 @@ img.responsive-img, video.responsive-video { max-width: 100%; height: auto; }
 html {
 	overflow-y: scroll;
 	font-family: $base-font;
-	background-color: $color-background;
+	background-color: $color-white;
 	font-size: 14px;
 }
 
diff --git a/app/app/styles/view/document/content.scss b/app/app/styles/view/document/content.scss
index 857f50ec..989fb248 100644
--- a/app/app/styles/view/document/content.scss
+++ b/app/app/styles/view/document/content.scss
@@ -92,7 +92,7 @@
 
 .no-sections {
 	text-align: center;
-	opacity: 0.7;
+	opacity: 0.4;
 	
 	> .box {
 		padding: 35px;
@@ -102,8 +102,8 @@
 		
 		> .message {
 			font-size: 14px;
-			color: $color-gray;
-			margin-top: 35px;
+			color: $color-off-black;
+			margin-top: 20px;
 		}
 		
 		> .regular-button {
diff --git a/app/app/styles/view/page-documents.scss b/app/app/styles/view/page-documents.scss
index ae08df4a..6c3e37bc 100644
--- a/app/app/styles/view/page-documents.scss
+++ b/app/app/styles/view/page-documents.scss
@@ -153,7 +153,7 @@
 .no-documents {
 	margin-top: 100px;
 	text-align: center;
-	opacity: 0.7;
+	opacity: 0.4;
 	
 	> .box {
 		padding: 35px;
@@ -163,13 +163,12 @@
 		
 		> .message {
 			font-size: 14px;
-			color: $color-gray;
-			margin-top: 35px;
+			color: $color-off-black;
+			margin-top: 20px;
 		}
 		
 		> .regular-button {
 			cursor: default !important;
 		}
-	
 	}
 }
diff --git a/app/app/templates/components/document/document-view.hbs b/app/app/templates/components/document/document-view.hbs
index bca57ad0..2ba14d0b 100644
--- a/app/app/templates/components/document/document-view.hbs
+++ b/app/app/templates/components/document/document-view.hbs
@@ -83,7 +83,7 @@
 {{#if noSections}}
     <div class="no-sections">
         <div class="box">
-            <div class="regular-button button-transparent">
+            <div class="regular-button button-green">
                 <i class="material-icons">add</i>
                 <div class="name">section</div>
             </div>		
diff --git a/app/app/templates/components/folder/folder-dashboard.hbs b/app/app/templates/components/folder/folder-dashboard.hbs
index f38c6289..ee354b80 100644
--- a/app/app/templates/components/folder/folder-dashboard.hbs
+++ b/app/app/templates/components/folder/folder-dashboard.hbs
@@ -73,7 +73,7 @@
 			<div class="message">Create a new space for<br/>all your documentation</div>
 		</div>
 		<div class="box">
-			<div class="regular-button button-transparent">
+			<div class="regular-button button-green">
 				<i class="material-icons">add</i>
 				<div class="name">document</div>
 			</div>