diff --git a/dashboard-ui/css/librarymenu.css b/dashboard-ui/css/librarymenu.css
index eb24ed1ca2..9be47f1f7a 100644
--- a/dashboard-ui/css/librarymenu.css
+++ b/dashboard-ui/css/librarymenu.css
@@ -186,13 +186,13 @@
     text-transform: uppercase;
     white-space: nowrap;
     padding: 0 0 0;
-    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
+    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),1px 5px 1px rgba(0,0,0,.12);
 }
 
-    .libraryViewNav.bottom {
-        top: auto !important;
-        bottom: 0;
-    }
+.libraryViewNav.bottom {
+    top: auto !important;
+    bottom: 0;
+}
 
 
 .libraryViewNav {
@@ -220,7 +220,7 @@
         transition: none !important;
         position: relative;
         text-transform: uppercase;
-        font-weight: 500 !important;
+        font-weight: bold !important;
         height: auto;
         min-width: initial;
         line-height: initial;
@@ -237,11 +237,11 @@
         }*/
 
         .libraryViewNav .pageTabButton:focus {
-            font-weight: 500 !important;
+            font-weight: bold !important;
         }
 
         .libraryViewNav .pageTabButton.is-active {
-            color: #fff !important;
+            color: #52B54B !important;
         }
 
 .pageTabButtonSelectionBar {
@@ -261,7 +261,7 @@
 }
 
 .viewMenuBar, .libraryViewNav {
-    background-color: #020202;
+    background-color: #282828;
     color: #fff;
 }
 
@@ -272,9 +272,12 @@
         align-items: center;
     }
 
+.viewMenuBar {
+    /*box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);*/
+}
+
 .dashboardDocument .viewMenuBar {
     background-color: #222;
-    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
     height: auto;
 }
 
@@ -395,7 +398,7 @@
 }
 
 .ui-panel.ui-body-b {
-    background-color: #212121;
+    background-color: #1D1D20;
 }
 
 @media all and (max-width: 400px) {
@@ -456,7 +459,7 @@ body:not(.dashboardDocument) .btnNotifications {
 }
 
 .darkDrawerPanel #drawer {
-    background-color: #212121 !important;
+    background-color: #1D1D20 !important;
     /*background-color: rgba(40,40,40,.8) !important;
     -webkit-backdrop-filter: blur(5px);
     backdrop-filter: blur(5px);*/
@@ -482,11 +485,12 @@ body:not(.dashboardDocument) .btnNotifications {
 }
 
 .darkDrawerPanel .sidebarLink:hover {
-    background: #4d4d4d;
+    background: #252528;
 }
 
 .darkDrawerPanel .sidebarLink.selectedSidebarLink, .darkDrawerPanel .selectedMediaFolder {
-    background: #4d4d4d !important;
+    background: #252528 !important;
+    color: #52B54B!important;
 }
 
 .darkDrawerPanel .headerAppsButton {