diff --git a/website/www/source/layouts/layout.erb b/website/www/source/layouts/layout.erb
index 5085bca2a..983504e8c 100644
--- a/website/www/source/layouts/layout.erb
+++ b/website/www/source/layouts/layout.erb
@@ -33,7 +33,7 @@
 		 <div class="wrapper">
 
 			<!-- nav -->
-      <div id="header">
+      <div id="header" class="navigation">
   			<div class="container-fluid">
   			 <!-- vagrant logo -->
          <div class="navbar-header">
@@ -42,10 +42,9 @@
               <a class="by-hashicorp" href="https://hashicorp.com/"><span class="svg-wrap">by</span><%= partial "layouts/svg/svg-by-hashicorp" %><%= partial "layouts/svg/svg-hashicorp-logo" %>Hashicorp</a>
             </div>
             <button class="navbar-toggle" type="button">
-  						<span class="sr-only">Toggle navigation</span>
-  						<span class="icon-bar"></span>
-  						<span class="icon-bar"></span>
-  						<span class="icon-bar"></span>
+  						<span class="bar"></span>
+  						<span class="bar"></span>
+  						<span class="bar"></span>
   					</button>
           </div>
           <div class="buttons hidden-xs">
diff --git a/website/www/source/stylesheets/hashicorp-shared/_hashicorp-header.less b/website/www/source/stylesheets/hashicorp-shared/_hashicorp-header.less
index 53f561ab6..d43bfea73 100755
--- a/website/www/source/stylesheets/hashicorp-shared/_hashicorp-header.less
+++ b/website/www/source/stylesheets/hashicorp-shared/_hashicorp-header.less
@@ -27,10 +27,19 @@
   .navbar-toggle{
     height: @header-height;
     margin: 0;
-    border-radius: 0;
-    .icon-bar{
-      border: 1px solid @black;
-      border-radius: 0;
+    position: relative;
+    float: right;
+    padding: 9px 10px;
+    background-color: transparent;
+    background-image: none;
+    border: none;
+
+    .bar{
+      display: block;
+      width: 22px;
+      height: 2px;
+      margin-top: 4px;
+      background-color: @black;
     }
   }