diff --git a/src/public/app/layouts/mobile_layout.js b/src/public/app/layouts/mobile_layout.js
index e830d9e66..bee6150cf 100644
--- a/src/public/app/layouts/mobile_layout.js
+++ b/src/public/app/layouts/mobile_layout.js
@@ -138,6 +138,7 @@ export default class MobileLayout {
                     .css("padding-left", "0")
                     .css("padding-right", "0")
                     .css('max-height', '100%')
+                    .css("position", "relative")
                     .child(new FlexContainer('row').contentSized()
                         .css('font-size', 'larger')
                         .css('align-items', 'center')
diff --git a/src/public/app/widgets/ribbon_widgets/classic_editor_toolbar.js b/src/public/app/widgets/ribbon_widgets/classic_editor_toolbar.js
index 47bc87909..857ef25ee 100644
--- a/src/public/app/widgets/ribbon_widgets/classic_editor_toolbar.js
+++ b/src/public/app/widgets/ribbon_widgets/classic_editor_toolbar.js
@@ -23,9 +23,9 @@ const TPL = `\
     }
 
     body.mobile .classic-toolbar-widget {
-        position: fixed;
+        position: absolute;
         left: 0;
-        bottom: var(--launcher-pane-size);
+        bottom: 0;
         right: 0;
         overflow-x: auto;
         background: var(--main-background-color);