diff --git a/dashboard-ui/css/librarymenu.css b/dashboard-ui/css/librarymenu.css
index bd3a09d946..41e160b899 100644
--- a/dashboard-ui/css/librarymenu.css
+++ b/dashboard-ui/css/librarymenu.css
@@ -407,10 +407,14 @@ body:not(.dashboardDocument) .btnNotifications {
 }
 
 .adminDrawerPanel:not([narrow]) #drawer {
-    z-index: 998!important;
+    z-index: 998 !important;
     top: 65px !important;
 }
 
+.adminDrawerPanel:not([narrow]) .mainDrawerButton {
+    display: none !important;
+}
+
 .adminDrawerPanel .sidebarLink {
     color: #333 !important;
     font-weight: 400 !important;
@@ -469,9 +473,9 @@ body:not(.dashboardDocument) .btnNotifications {
     display: none;
 }
 
-    .adminDrawerLogo img {
-        height: 30px;
-    }
+.adminDrawerLogo img {
+    height: 30px;
+}
 
 .adminDrawerPanel #drawer #titleIcon {
     color: #666;
@@ -480,6 +484,7 @@ body:not(.dashboardDocument) .btnNotifications {
 
 .adminDrawerPanel:not([narrow]) .libraryMenuButtonText {
     font-size: 150%;
+    margin-left: 1em;
 }
 
 .title-separator {
diff --git a/dashboard-ui/scripts/librarymenu.js b/dashboard-ui/scripts/librarymenu.js
index 0d35c25c6d..129fda3ead 100644
--- a/dashboard-ui/scripts/librarymenu.js
+++ b/dashboard-ui/scripts/librarymenu.js
@@ -373,7 +373,9 @@
                     collapsible.expanded = true;
                 }
 
-                var title = collapsible.title || '';
+                var title = '';
+
+                title += collapsible.title || '';
                 title += '<span class="title-separator">–</span>';
                 title += (link.innerText || link.textContent).trim();
 
@@ -650,7 +652,7 @@
 
         setTitle: function (title) {
 
-            var html = '<span>' + title + '</span>';
+            var html =  title ;
 
             var page = $.mobile.activePage;
             if (page) {
diff --git a/dashboard-ui/scripts/site.js b/dashboard-ui/scripts/site.js
index ceb3153b2e..841cb5927b 100644
--- a/dashboard-ui/scripts/site.js
+++ b/dashboard-ui/scripts/site.js
@@ -665,7 +665,9 @@ var Dashboard = {
         var icon = item.icon;
 
         if (icon) {
-            menuHtml += '<iron-icon icon="' + icon + '" class="sidebarLinkIcon"></iron-icon>';
+            var style = item.color ? ' style="color:' + item.color + '"' : '';
+
+            menuHtml += '<iron-icon icon="' + icon + '" class="sidebarLinkIcon"' + style + '></iron-icon>';
         }
 
         menuHtml += '<span class="sidebarLinkText">';
@@ -689,6 +691,7 @@ var Dashboard = {
             if (item.items) {
 
                 if (item.icon) {
+                    var style = item.color ? ' style="color:' + item.color + '"' : '';
                     menuHtml += '<emby-collapsible icon="' + item.icon + '" title="' + item.name + '">';
                 } else {
                     menuHtml += '<emby-collapsible title="' + item.name + '">';
@@ -716,6 +719,7 @@ var Dashboard = {
         return [{
             name: Globalize.translate('TabServer'),
             icon: 'dashboard',
+            color: '#38c',
             items: [
                 {
                     name: Globalize.translate('TabDashboard'),