diff --git a/_extensions/odoo/layout.html b/_extensions/odoo/layout.html
index 740f218c5..84906e792 100644
--- a/_extensions/odoo/layout.html
+++ b/_extensions/odoo/layout.html
@@ -50,9 +50,7 @@
       <a class="pull-left o_logo" href="/"></a>
       <a href="#" class="o_mobile_menu_toggle visible-xs-block pull-right">
         <span class="sr-only">Toggle navigation</span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
-        <span class="icon-bar"></span>
+        <span class="mdi-navigation-menu"></span>
       </a>
       <div class="o_header_buttons">
         <a href="http://www.odoo.com/trial" class="btn btn-primary">Start Now</a>
diff --git a/_extensions/odoo/static/style.css b/_extensions/odoo/static/style.css
index 8a09d091e..945a2d40c 100644
--- a/_extensions/odoo/static/style.css
+++ b/_extensions/odoo/static/style.css
@@ -11155,6 +11155,13 @@ body > footer .o_footer_bottom .social-links .fa {
     display: none;
   }
 }
+.o_main_header .mdi-navigation-menu {
+  padding: 13px;
+}
+.o_main_header.o_mobile_menu_opened .mdi-navigation-menu {
+  background-color: #282f33;
+  color: #f2f2f2;
+}
 .o_main_header .o_sub_nav .collapse .nav {
   margin-right: 0;
   margin-bottom: 0;
diff --git a/_extensions/odoo/static/style.less b/_extensions/odoo/static/style.less
index 9c5a434b9..f4c8bf051 100644
--- a/_extensions/odoo/static/style.less
+++ b/_extensions/odoo/static/style.less
@@ -22,6 +22,16 @@
 // The following rules are specific for the documentation website.
 
 .o_main_header {
+
+  .mdi-navigation-menu {
+    padding: 13px;
+  }
+
+  &.o_mobile_menu_opened .mdi-navigation-menu {
+    background-color: @footer-bg-color;
+    color: @gray-lighter;
+  }
+
   .o_sub_nav {
     .collapse .nav {
       margin-right: 0;