diff --git a/src/Wallabag/CoreBundle/Resources/views/themes/material/public/css/main.css b/src/Wallabag/CoreBundle/Resources/views/themes/material/public/css/main.css
index 8ec83f899..3815ff3c6 100755
--- a/src/Wallabag/CoreBundle/Resources/views/themes/material/public/css/main.css
+++ b/src/Wallabag/CoreBundle/Resources/views/themes/material/public/css/main.css
@@ -80,6 +80,14 @@ nav, main, footer {
     float: right;
 }
 
+.nav-panels {
+    transition: background 0.2s ease;
+}
+
+.nav-panel-search .mdi-navigation-close, .nav-panel-search .mdi-action-search {
+    color: #444 !important;
+}
+
 /* ==========================================================================
    2 = Side-nav
    ========================================================================== */
diff --git a/src/Wallabag/CoreBundle/Resources/views/themes/material/public/js/init.js b/src/Wallabag/CoreBundle/Resources/views/themes/material/public/js/init.js
index b0f82c4bc..ff8bba7bc 100755
--- a/src/Wallabag/CoreBundle/Resources/views/themes/material/public/js/init.js
+++ b/src/Wallabag/CoreBundle/Resources/views/themes/material/public/js/init.js
@@ -16,6 +16,7 @@ $(document).ready(function(){
         $(".nav-panel-buttom").hide(100);
         $(".nav-panel-search").show(100);
         $(".nav-panel-menu").addClass('hidden');
+        $(".nav-panels").css('background', 'white');
         return false;
     });
     $('.mdi-navigation-close').click(function(){
@@ -23,6 +24,7 @@ $(document).ready(function(){
         $(".nav-panel-search").hide(100);
         $(".nav-panel-buttom").show(100);
         $(".nav-panel-menu").removeClass('hidden');
+        $(".nav-panels").css('background', 'transparent');
         return false;
     });
 });
\ No newline at end of file