diff --git a/theme/boost/scss/moodle/layout.scss b/theme/boost/scss/moodle/layout.scss
index c72b1e76ac0..f0b78631e0d 100644
--- a/theme/boost/scss/moodle/layout.scss
+++ b/theme/boost/scss/moodle/layout.scss
@@ -153,7 +153,7 @@
 
         .drawer-right-toggle,
         .drawer-left-toggle {
-            top: calc(99vh - (#{$navbar-height} * 2));
+            top: calc(99vh - (#{$navbar-height} * 2.5));
         }
     }
     #page.drawers.scroll-down {
diff --git a/theme/boost/scss/moodle/sticky-footer.scss b/theme/boost/scss/moodle/sticky-footer.scss
index 9edcf4ea211..7ec1da4cd75 100644
--- a/theme/boost/scss/moodle/sticky-footer.scss
+++ b/theme/boost/scss/moodle/sticky-footer.scss
@@ -7,19 +7,21 @@ body {
     height: 100%;
 }
 
-#page-wrapper {
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    #page {
-        flex: 1 0 auto;
+@include media-breakpoint-up(sm) {
+    #page-wrapper {
+        height: 100%;
         display: flex;
         flex-direction: column;
-        #page-content {
+        #page {
             flex: 1 0 auto;
+            display: flex;
+            flex-direction: column;
+            #page-content {
+                flex: 1 0 auto;
+            }
+        }
+        #page-footer {
+            flex-shrink: 0;
         }
     }
-    #page-footer {
-        flex-shrink: 0;
-    }
 }
diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
index 1c983fabac0..3a4a3c1ae03 100644
--- a/theme/boost/style/moodle.css
+++ b/theme/boost/style/moodle.css
@@ -19867,18 +19867,19 @@ html,
 body {
   height: 100%; }
 
-#page-wrapper {
-  height: 100%;
-  display: flex;
-  flex-direction: column; }
-  #page-wrapper #page {
-    flex: 1 0 auto;
+@media (min-width: 576px) {
+  #page-wrapper {
+    height: 100%;
     display: flex;
     flex-direction: column; }
-    #page-wrapper #page #page-content {
-      flex: 1 0 auto; }
-  #page-wrapper #page-footer {
-    flex-shrink: 0; }
+    #page-wrapper #page {
+      flex: 1 0 auto;
+      display: flex;
+      flex-direction: column; }
+      #page-wrapper #page #page-content {
+        flex: 1 0 auto; }
+    #page-wrapper #page-footer {
+      flex-shrink: 0; } }
 
 .popover-region {
   position: relative; }
@@ -20453,7 +20454,7 @@ span[data-flexitour="container"][x-placement="right"], span[data-flexitour="cont
     z-index: 100; }
     .drawer-toggles .drawer-right-toggle,
     .drawer-toggles .drawer-left-toggle {
-      top: calc(99vh - (60px * 2)); }
+      top: calc(99vh - (60px * 2.5)); }
   #page.drawers.scroll-down .drawer-right-toggle {
     transform: translateX(150%);
     pointer-events: auto;
diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
index ecf36b6484d..6a8cb93c868 100644
--- a/theme/classic/style/moodle.css
+++ b/theme/classic/style/moodle.css
@@ -19813,18 +19813,19 @@ html,
 body {
   height: 100%; }
 
-#page-wrapper {
-  height: 100%;
-  display: flex;
-  flex-direction: column; }
-  #page-wrapper #page {
-    flex: 1 0 auto;
+@media (min-width: 576px) {
+  #page-wrapper {
+    height: 100%;
     display: flex;
     flex-direction: column; }
-    #page-wrapper #page #page-content {
-      flex: 1 0 auto; }
-  #page-wrapper #page-footer {
-    flex-shrink: 0; }
+    #page-wrapper #page {
+      flex: 1 0 auto;
+      display: flex;
+      flex-direction: column; }
+      #page-wrapper #page #page-content {
+        flex: 1 0 auto; }
+    #page-wrapper #page-footer {
+      flex-shrink: 0; } }
 
 .popover-region {
   position: relative; }
@@ -20399,7 +20400,7 @@ span[data-flexitour="container"][x-placement="right"], span[data-flexitour="cont
     z-index: 100; }
     .drawer-toggles .drawer-right-toggle,
     .drawer-toggles .drawer-left-toggle {
-      top: calc(99vh - (50px * 2)); }
+      top: calc(99vh - (50px * 2.5)); }
   #page.drawers.scroll-down .drawer-right-toggle {
     transform: translateX(150%);
     pointer-events: auto;