diff --git a/src/public/app/layouts/mobile_layout.js b/src/public/app/layouts/mobile_layout.js
index 8843a8c3a..a09d1dd8d 100644
--- a/src/public/app/layouts/mobile_layout.js
+++ b/src/public/app/layouts/mobile_layout.js
@@ -137,6 +137,7 @@ export default class MobileLayout {
                         .child(new NoteTreeWidget()
                             .cssBlock(FANCYTREE_CSS))))
                 .child(new ScreenContainer("detail", "column")
+                    .id("detail-container")
                     .class("d-sm-flex d-md-flex d-lg-flex d-xl-flex col-12 col-sm-7 col-md-8 col-lg-9")
                     .css("padding-left", "0")
                     .css("padding-right", "0")
diff --git a/src/public/stylesheets/style.css b/src/public/stylesheets/style.css
index d4828bae1..84f77d391 100644
--- a/src/public/stylesheets/style.css
+++ b/src/public/stylesheets/style.css
@@ -1218,6 +1218,11 @@ body:not(.mobile) #launcher-pane.horizontal .dropdown-submenu > .dropdown-menu {
 
     #mobile-sidebar-wrapper {
         transform: none !important;
+        background-color: var(--left-pane-background-color) !important;
+    }
+
+    #detail-container {
+        background: var(--main-background-color);
     }
 }