diff --git a/web/gui/src/main/webapp/app/fw/mast/mast.css b/web/gui/src/main/webapp/app/fw/mast/mast.css
index 3c7d97d..0eec2ef 100644
--- a/web/gui/src/main/webapp/app/fw/mast/mast.css
+++ b/web/gui/src/main/webapp/app/fw/mast/mast.css
@@ -33,11 +33,24 @@
     box-shadow: 0 2px 8px #222;
 }
 
+#mast .nav-menu-button {
+    width: 30px;
+    height: 30px;
+    margin-left: 8px;
+    margin-bottom: 4px;
+    cursor: pointer;
+}
+.light #mast .nav-menu-button:hover {
+    background-color: #ddd;
+}
+.dark #mast .nav-menu-button:hover {
+    background-color: #777;
+}
+
 #mast img.logo {
     height: 38px;
     padding-left: 8px;
     padding-right: 8px;
-    cursor: pointer;
 }
 
 #mast img.logo:hover {
diff --git a/web/gui/src/main/webapp/app/fw/mast/mast.html b/web/gui/src/main/webapp/app/fw/mast/mast.html
index 216b01c..a5ddbc6 100644
--- a/web/gui/src/main/webapp/app/fw/mast/mast.html
+++ b/web/gui/src/main/webapp/app/fw/mast/mast.html
@@ -1,4 +1,6 @@
 <!-- Masthead partial HTML -->
-<img class="logo" src="data/img/onos-logo.png" ng-click="mastCtrl.toggleNav()">
+<img class="nav-menu-button" src="data/img/nav-menu.png"
+     ng-click="mastCtrl.toggleNav()"></div>
+<img class="logo" src="data/img/onos-logo.png">
 <span class="title">Open Network Operating System</span>
 <div id="mast-right"></div>
diff --git a/web/gui/src/main/webapp/app/fw/nav/nav.css b/web/gui/src/main/webapp/app/fw/nav/nav.css
index 381b4f9..c36e5f3 100644
--- a/web/gui/src/main/webapp/app/fw/nav/nav.css
+++ b/web/gui/src/main/webapp/app/fw/nav/nav.css
@@ -59,6 +59,6 @@
 }
 
 .dark #nav a:hover {
-    background-color: #999;
+    background-color: #777;
 }
 
diff --git a/web/gui/src/main/webapp/data/img/nav-menu.png b/web/gui/src/main/webapp/data/img/nav-menu.png
new file mode 100644
index 0000000..07bbcf1
--- /dev/null
+++ b/web/gui/src/main/webapp/data/img/nav-menu.png
Binary files differ