diff --git a/src/addons/mod/feedback/pages/form/form.html b/src/addons/mod/feedback/pages/form/form.html
index e2a2a4079..82446c6ad 100644
--- a/src/addons/mod/feedback/pages/form/form.html
+++ b/src/addons/mod/feedback/pages/form/form.html
@@ -12,9 +12,9 @@
     </ion-toolbar>
 </ion-header>
 <ion-content>
-    <core-loading [hideUntil]="feedbackLoaded">
+    <core-loading [hideUntil]="feedbackLoaded" class="has-spacer">
         <ng-container *ngIf="items && items.length">
-            <ion-list class="ion-no-margin">
+            <ion-list class="ion-no-margin has-spacer">
                 <ion-item class="ion-text-wrap">
                     <ion-label>
                         <h2>{{ 'addon.mod_feedback.mode' | translate }}</h2>
@@ -110,7 +110,7 @@
                     </ng-container>
                 </ng-container>
 
-                <ion-row class="ion-align-items-center" *ngIf="!preview">
+                <ion-row class="ion-align-items-center spacer-top" *ngIf="!preview">
                     <ion-col *ngIf="hasPrevPage">
                         <ion-button expand="block" fill="outline" (click)="gotoPage(true)" class="ion-text-wrap">
                             <ion-icon name="fas-chevron-left" slot="start" aria-hidden="true"></ion-icon>
diff --git a/src/addons/mod/quiz/pages/player/player.html b/src/addons/mod/quiz/pages/player/player.html
index 089a3ecf9..94d0aa3be 100644
--- a/src/addons/mod/quiz/pages/player/player.html
+++ b/src/addons/mod/quiz/pages/player/player.html
@@ -31,7 +31,7 @@
     </ion-toolbar>
 </ion-header>
 <ion-content>
-    <core-loading [hideUntil]="loaded">
+    <core-loading [hideUntil]="loaded" class="has-spacer">
         <!-- Button to start attempting. -->
         <ion-button *ngIf="!attempt" expand="block" class="ion-margin" (click)="start()">
             {{ 'addon.mod_quiz.startattempt' | translate }}
@@ -67,7 +67,7 @@
         </form>
 
         <!-- Go to next or previous page. -->
-        <ion-row *ngIf="questions.length && !quizAborted && !showSummary">
+        <ion-row *ngIf="questions.length && !quizAborted && !showSummary" class="spacer-top">
             <ion-col *ngIf="previousPage >= 0">
                 <ion-button expand="block" fill="outline" (click)="changePage(previousPage)" class="ion-text-wrap">
                     <ion-icon name="fas-chevron-left" slot="start" aria-hidden="true"></ion-icon>
diff --git a/src/core/components/loading/loading.scss b/src/core/components/loading/loading.scss
index bd77cefd5..a843495ec 100644
--- a/src/core/components/loading/loading.scss
+++ b/src/core/components/loading/loading.scss
@@ -75,6 +75,12 @@
         height: 100%;
     }
 
+    &.has-spacer .core-loading-content {
+        min-height: 100%;
+        display: flex;
+        flex-direction: column;
+    }
+
     &.safe-area-padding:not(.core-loading-inline) .core-loading-content,
     &.safe-area-padding-horizontal:not(.core-loading-inline) .core-loading-content {
         @include safe-area-padding-horizontal(0px, 0px);
diff --git a/src/core/features/course/components/unsupported-module/core-course-unsupported-module.html b/src/core/features/course/components/unsupported-module/core-course-unsupported-module.html
index f8b7bd52f..92a7d5562 100644
--- a/src/core/features/course/components/unsupported-module/core-course-unsupported-module.html
+++ b/src/core/features/course/components/unsupported-module/core-course-unsupported-module.html
@@ -1,22 +1,25 @@
-<ion-card class="core-danger-card">
-    <ion-item>
-        <ion-icon name="fas-exclamation-triangle" slot="start" aria-hidden="true"></ion-icon>
+<div class="has-spacer">
+    <ion-card class="core-danger-card">
+        <ion-item>
+            <ion-icon name="fas-exclamation-triangle" slot="start" aria-hidden="true"></ion-icon>
+            <ion-label>
+                <p><strong>{{ 'core.uhoh' | translate }} </strong>
+                    <ng-container *ngIf="isDisabledInSite">{{ 'core.course.activitydisabled' | translate }}</ng-container>
+                    <ng-container *ngIf="!isDisabledInSite">
+                        {{ 'core.course.activitynotyetviewableremoteaddon' | translate }}
+                    </ng-container>
+                </p>
+            </ion-label>
+        </ion-item>
+    </ion-card>
+    <div class="spacer"></div>
+    <ion-item lines="none" class="ion-text-wrap" *ngIf="module?.url && module?.uservisible">
         <ion-label>
-            <p><strong>{{ 'core.uhoh' | translate }} </strong>
-                <ng-container *ngIf="isDisabledInSite">{{ 'core.course.activitydisabled' | translate }}</ng-container>
-                <ng-container *ngIf="!isDisabledInSite">
-                    {{ 'core.course.activitynotyetviewableremoteaddon' | translate }}
-                </ng-container>
-            </p>
+            <p>{{ 'core.course.useactivityonbrowser' | translate }}</p>
+            <ion-button expand="block" [href]="module?.url" core-link [showBrowserWarning]="false">
+                {{ 'core.openinbrowser' | translate }}
+                <ion-icon name="fas-external-link-alt" slot="end" aria-hidden="true"></ion-icon>
+            </ion-button>
         </ion-label>
     </ion-item>
-</ion-card>
-<ion-item lines="none" class="ion-text-wrap" *ngIf="module?.url && module?.uservisible">
-    <ion-label>
-        <p>{{ 'core.course.useactivityonbrowser' | translate }}</p>
-        <ion-button expand="block" [href]="module?.url" core-link [showBrowserWarning]="false">
-            {{ 'core.openinbrowser' | translate }}
-            <ion-icon name="fas-external-link-alt" slot="end" aria-hidden="true"></ion-icon>
-        </ion-button>
-    </ion-label>
-</ion-item>
+</div>
diff --git a/src/core/features/course/components/unsupported-module/unsupported-module.scss b/src/core/features/course/components/unsupported-module/unsupported-module.scss
new file mode 100644
index 000000000..b7ca8fa44
--- /dev/null
+++ b/src/core/features/course/components/unsupported-module/unsupported-module.scss
@@ -0,0 +1,3 @@
+:host {
+    display: contents;
+}
diff --git a/src/core/features/course/components/unsupported-module/unsupported-module.ts b/src/core/features/course/components/unsupported-module/unsupported-module.ts
index 15c3e7902..ab4892af8 100644
--- a/src/core/features/course/components/unsupported-module/unsupported-module.ts
+++ b/src/core/features/course/components/unsupported-module/unsupported-module.ts
@@ -23,6 +23,7 @@ import { CoreCourseModuleDelegate } from '@features/course/services/module-deleg
 @Component({
     selector: 'core-course-unsupported-module',
     templateUrl: 'core-course-unsupported-module.html',
+    styleUrls: ['unsupported-module.scss'],
 })
 export class CoreCourseUnsupportedModuleComponent implements OnInit {
 
diff --git a/src/core/features/course/pages/module-preview/module-preview.html b/src/core/features/course/pages/module-preview/module-preview.html
index 60efcbee6..cd47cd96d 100644
--- a/src/core/features/course/pages/module-preview/module-preview.html
+++ b/src/core/features/course/pages/module-preview/module-preview.html
@@ -22,7 +22,7 @@
     <ion-refresher slot="fixed" [disabled]="!loaded" (ionRefresh)="doRefresh($event.target)">
         <ion-refresher-content pullingText="{{ 'core.pulltorefresh' | translate }}"></ion-refresher-content>
     </ion-refresher>
-    <core-loading [hideUntil]="loaded">
+    <core-loading [hideUntil]="loaded" class="has-spacer">
         <core-course-module-info [module]="module" [courseId]="courseId" [description]="module.description" [component]="module.modname"
             [componentId]="module.id" [expandDescription]="true" [showAvailabilityInfo]="true">
             <div class="core-module-additional-info" title>
diff --git a/src/theme/theme.base.scss b/src/theme/theme.base.scss
index 58b86f8a2..a48641aba 100644
--- a/src/theme/theme.base.scss
+++ b/src/theme/theme.base.scss
@@ -1581,3 +1581,18 @@ body.core-iframe-fullscreen ion-content {
 
 
 }
+
+.has-spacer {
+    display: flex;
+    flex-direction: column;
+    min-height: 100%;
+    flex-grow: 1;
+
+    .spacer-top {
+        flex-grow: 1;
+        align-content: flex-end;
+    }
+    .spacer {
+        flex-grow: 1;
+    }
+}