diff --git a/dashboard-ui/css/librarymenu.css b/dashboard-ui/css/librarymenu.css
index 1c05fdbdfb..5782ca571b 100644
--- a/dashboard-ui/css/librarymenu.css
+++ b/dashboard-ui/css/librarymenu.css
@@ -59,10 +59,23 @@
     }
 
 .libraryMenuButton {
-    left: 0;
-    opacity: .8;
+    opacity: .95;
 }
 
+    .libraryMenuButton img {
+        border: 1px solid #444 !important;
+        padding: .5em;
+        border-radius: 5px;
+    }
+
+    .libraryMenuButton:hover {
+        opacity: 1!important;
+    }
+
+    .libraryMenuButton img:hover {
+        background-color: #38c;
+    }
+
 .libraryMenuButtonText {
     color: #fff !important;
     text-decoration: none;
@@ -70,7 +83,11 @@
     font-size: 15px;
     display: inline-block;
     vertical-align: middle;
-    margin-left: .5em;
+    line-height: 51px;
+    padding-left: 0 !important;
+    position: relative;
+    top: 2px;
+    margin-left: -5px;
 }
 
 .viewMenuBar {
diff --git a/dashboard-ui/scripts/librarymenu.js b/dashboard-ui/scripts/librarymenu.js
index dc2897be40..e2bc35fc49 100644
--- a/dashboard-ui/scripts/librarymenu.js
+++ b/dashboard-ui/scripts/librarymenu.js
@@ -4,9 +4,10 @@
 
         var html = '<div class="viewMenuBar ui-bar-b">';
 
-        html += '<button type="button" data-role="none" title="Menu" onclick="LibraryMenu.showLibraryMenu();" class="headerButton libraryMenuButton headerButtonLeft"><img src="css/images/menu.png" />';
-        html += '<div class="libraryMenuButtonText"><span>MEDIA</span><span class="mediaBrowserAccent">BROWSER</span></div>';
+        html += '<button type="button" data-role="none" title="Menu" onclick="LibraryMenu.showLibraryMenu();" class="headerButton libraryMenuButton headerButtonLeft">';
+        html += '<img src="css/images/menu.png" />';
         html += '</button>';
+        html += '<div class="libraryMenuButtonText headerButton"><span>MEDIA</span><span class="mediaBrowserAccent">BROWSER</span></div>';
 
         html += '<div class="viewMenuSecondary">';
 
diff --git a/dashboard-ui/scripts/notifications.js b/dashboard-ui/scripts/notifications.js
index 1b32889e0d..89d462e271 100644
--- a/dashboard-ui/scripts/notifications.js
+++ b/dashboard-ui/scripts/notifications.js
@@ -45,9 +45,9 @@
 
             html += '</p>';
 
+            html += '<div class="btnNotificationListContainer"><a data-role="button" href="notificationlist.html" data-icon="action" data-mini="true">View Notifications</a></div>';
             html += '<div style="display:none;" class="btnMarkReadContainer"><button class="btnMarkRead" type="button" data-icon="check" data-mini="true" data-theme="b">Mark these read</button></div>';
 
-            html += '<div class="btnNotificationListContainer"><button class="btnNotificationList" type="button" data-icon="action" data-mini="true">View Notifications</button></div>';
 
             html += '</div>';
 
@@ -73,18 +73,12 @@
 
                 });
 
-            }).on("click", ".btnNotificationList", function(e) {
-
-                e.preventDefault();
-
-                Dashboard.navigate("notificationlist.html");
-
             });
 
             self.isFlyout = true;
 
             var startIndex = 0;
-            var limit = 4;
+            var limit = 5;
             var elem = $('.notificationsFlyoutlist');
             var markReadButton = $('.btnMarkReadContainer');