diff --git a/css-compiled/material-wfont.css b/css-compiled/material-wfont.css
index c3f7fa94..cc2f2278 100644
--- a/css-compiled/material-wfont.css
+++ b/css-compiled/material-wfont.css
@@ -1976,8 +1976,14 @@ legend {
   color: #e5e5e5;
   background-color: transparent;
 }
-.navbar .navbar-toggle {
-  border-color: rgba(255, 255, 255, 0.84);
+.navbar-toggle {
+  margin-top: 13px;
+}
+.navbar-default .navbar-toggle {
+  border-color: transparent;
+}
+.navbar-inverse .navbar-toggle {
+  border-color: transparent;
 }
 .navbar .navbar-toggle:hover,
 .navbar .navbar-toggle:focus {
diff --git a/css-compiled/material.css b/css-compiled/material.css
index 72b8dd2e..031a3f44 100644
--- a/css-compiled/material.css
+++ b/css-compiled/material.css
@@ -1975,8 +1975,14 @@ legend {
   color: #e5e5e5;
   background-color: transparent;
 }
-.navbar .navbar-toggle {
-  border-color: rgba(255, 255, 255, 0.84);
+.navbar-toggle {
+  margin-top: 13px;
+}
+.navbar-default .navbar-toggle {
+  border-color: transparent;
+}
+.navbar-inverse .navbar-toggle {
+  border-color: transparent;
 }
 .navbar .navbar-toggle:hover,
 .navbar .navbar-toggle:focus {
diff --git a/demo/index.html b/demo/index.html
index 893c4615..0c0fb84e 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -2160,4 +2160,4 @@
             });
         </script>
     </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/less/navbar.less b/less/navbar.less
index 2feca826..f5da45aa 100644
--- a/less/navbar.less
+++ b/less/navbar.less
@@ -55,7 +55,8 @@
 
     // Darken the responsive nav toggle
     .navbar-toggle {
-        border-color: @navbar-toggle-border-color;
+        margin-top: 13px;
+        border-color: transparent;
         &:hover,
         &:focus {
             background-color: @navbar-toggle-hover-bg;
@@ -65,6 +66,11 @@
         }
     }
 
+    .navbar-default .navbar-toggle,
+    .navbar-inverse .navbar-toggle {
+        border-color: transparent;
+    }
+
     .navbar-collapse,
     .navbar-form {
         border-color: rgba(0,0,0,0.1);