diff --git a/less/header.less b/less/header.less
index 17b4cfc..cfada5a 100644
--- a/less/header.less
+++ b/less/header.less
@@ -108,8 +108,6 @@
 	}
 
 	.navbar-toggle {
-		width: 44px;
-
 		.notification-icon {
 			position: absolute;
 			left: -13px;
diff --git a/less/mobile.less b/less/mobile.less
index 74b3025..d8212ac 100644
--- a/less/mobile.less
+++ b/less/mobile.less
@@ -51,17 +51,15 @@
 	}
 
 	.navbar-toggle {
-		line-height: 10px;
-
-		&.pull-left {
-			margin-left: @navbar-padding-horizontal;
-			margin-right: 0;
-		}
+		padding: 10px 17px;
+		margin: 0;
+		line-height: 30px;
+		border: none;
 
 		.header & .notification-icon {
 			left: auto;
-			top: -3px;
-			right: -8px;
+			right: 7px;
+			top: 10px;
 
 			&.unread-count::after {
 				position: static;
@@ -249,7 +247,7 @@
 			right: 0;
 			z-index: 1040;
 			content: ' ';
-			background: rgba(0, 0, 0, 0.300);
+			background: rgba(256, 256, 256, 0.5);
 
 			opacity: 0;
 			visibility: hidden;
diff --git a/templates/partials/menu.tpl b/templates/partials/menu.tpl
index 790b3b1..884e09c 100644
--- a/templates/partials/menu.tpl
+++ b/templates/partials/menu.tpl
@@ -1,13 +1,11 @@
 			<div class="navbar-header">
 				<button type="button" class="navbar-toggle pull-left" id="mobile-menu">
 					<span component="notifications/icon" class="notification-icon fa fa-fw fa-bell-o" data-content="0"></span>
-					<span class="icon-bar"></span>
-					<span class="icon-bar"></span>
-					<span class="icon-bar"></span>
+					<i class="fa fa-lg fa-bars"></i>
 				</button>
 				<button type="button" class="navbar-toggle hidden" id="mobile-chats">
 					<span component="chat/icon" class="notification-icon fa fa-fw fa-comments" data-content="0"></span>
-					<i class="fa fa-comment-o fa-fw"></i>
+					<i class="fa fa-lg fa-comment-o"></i>
 				</button>
 
 				<!-- IF brand:logo -->