diff --git a/_layouts/home.html b/_layouts/home.html
index 700364a83a..4f0b22941a 100644
--- a/_layouts/home.html
+++ b/_layouts/home.html
@@ -17,6 +17,7 @@
 <header>
 	<a href="/" class="logo"></a>
 	<div class="nav-buttons" data-auto-burger="primary">
+		<a href="docs" class="button" id="viewDocs">View Documentation</a>
 		<a href="/docs/hellonode/" class="button" id="tryKubernetes">Try Kubernetes</a>
 		<button id="hamburger" onclick="kub.toggleMenu()" data-auto-burger-exclude><div></div></button>
 	</div>
diff --git a/_sass/_base.sass b/_sass/_base.sass
index d3b1744be8..2cf444888b 100644
--- a/_sass/_base.sass
+++ b/_sass/_base.sass
@@ -117,6 +117,26 @@ header
 .nav-buttons
 	float: right
 
+#viewDocs
+	border: 1px solid white
+	background-color: transparent
+	transition: 0.3s
+
+	&:hover
+		background-color: white
+		color: $dark-grey
+
+#tryKubernetes
+	width: 0
+	padding: 0 0
+	border: 1px solid transparent
+	background-color: transparent
+	text-align: center
+	white-space: nowrap
+	vertical-align: middle
+	overflow: hidden
+	transition: 0.3s
+
 #hamburger
 	display: inline-block
 	position: relative
@@ -201,7 +221,9 @@ header
 
 .open-nav, .y-enough
 	#tryKubernetes
-		width: 160px
+		width: 150px
+		background-color: $blue
+		border-color: $blue
 
 
 .flip-nav, .open-nav