diff --git a/public/resources/css/module/_side-nav.scss b/public/resources/css/module/_side-nav.scss
index 30b2ee99cc..74734a2240 100644
--- a/public/resources/css/module/_side-nav.scss
+++ b/public/resources/css/module/_side-nav.scss
@@ -11,6 +11,7 @@
 
 $sidenav: '.sidenav'; // Classname
 $sidenav-background: rgba($blue-grey-50, .56);
+$sidenav-background-mobile: rgba($blue-grey-50, 1);
 $sidenav-background-dark: $blue-grey-200;
 $sidenav-color: $blue-grey-500;
 $sidenav-color-selected: $blue-700;
@@ -32,6 +33,7 @@ $sidenav-width: 240px;
 
   // MOBILE STYLE FOR DROPDOWN & TOGGLE
   @include respond-to('mobile') {
+    background: $sidenav-background-mobile;
     box-shadow: 0px 3px 6px rgba($black, .24);
     width: auto;
     left: 0;