diff --git a/src/public/app/layouts/mobile_layout.js b/src/public/app/layouts/mobile_layout.js
index 1632e5283..b105cdb1b 100644
--- a/src/public/app/layouts/mobile_layout.js
+++ b/src/public/app/layouts/mobile_layout.js
@@ -119,12 +119,6 @@ export default class MobileLayout {
             .setParent(appContext)
             .class("horizontal-layout")
             .cssBlock(MOBILE_CSS)
-            .child(new FlexContainer("row")
-                .class("horizontal")
-                .css("height", "53px")
-                .child(new LauncherContainer(true))
-                .child(new GlobalMenuWidget(true))
-                .id("launcher-pane"))
             .child(new FlexContainer("row")
                 .filling()
                 .child(new ScreenContainer("tree", 'column')
@@ -177,6 +171,12 @@ export default class MobileLayout {
                 )
                 .child(new ProtectedSessionPasswordDialog())
                 .child(new ConfirmDialog())
-            );
+            )
+            .child(new FlexContainer("row")
+                .class("horizontal")
+                .css("height", "53px")
+                .child(new LauncherContainer(true))
+                .child(new GlobalMenuWidget(true))
+                .id("launcher-pane"));
     }
 }
diff --git a/src/public/stylesheets/style.css b/src/public/stylesheets/style.css
index 3a124e62e..8333d7041 100644
--- a/src/public/stylesheets/style.css
+++ b/src/public/stylesheets/style.css
@@ -21,6 +21,7 @@
 
 :root {
     --submenu-opening-delay: 300ms;
+    --launcher-pane-size: 53px;
 }
 
 html {
@@ -1174,7 +1175,8 @@ body:not(.mobile) #launcher-pane.horizontal .dropdown-submenu > .dropdown-menu {
 
 body.mobile #launcher-pane .dropdown-menu.show {
     position: fixed !important;
-    top: var(--launcher-pane-size) !important;
+    bottom: var(--launcher-pane-size) !important;
+    top: unset !important;
     left: 0 !important;
     right: 0 !important;
     transform: unset !important;