diff --git a/src/core/features/login/pages/site-policy/site-policy.html b/src/core/features/login/pages/site-policy/site-policy.html
index 0218d615b..d061ab406 100644
--- a/src/core/features/login/pages/site-policy/site-policy.html
+++ b/src/core/features/login/pages/site-policy/site-policy.html
@@ -24,13 +24,13 @@
                     </p>
                 </ion-label>
             </ion-item>
-            <ion-card *ngIf="showInline">
+            <ion-card *ngIf="showInline" class="core-site-policy-iframe-container">
                 <core-iframe [src]="sitePolicy"></core-iframe>
             </ion-card>
-            <ion-button class="ion-text-wrap ion-margin" expand="block" (click)="accept()">
+            <ion-button class="ion-text-wrap ion-margin-horizontal" expand="block" (click)="accept()">
                 {{ 'core.login.policyaccept' | translate }}
             </ion-button>
-            <ion-button class="ion-text-wrap ion-margin" expand="block" color="light" (click)="cancel()">
+            <ion-button class="ion-text-wrap ion-margin-horizontal ion-margin-bottom" expand="block" color="light" (click)="cancel()">
                 {{ 'core.login.cancel' | translate }}
             </ion-button>
         </ion-list>
diff --git a/src/core/features/login/pages/site-policy/site-policy.scss b/src/core/features/login/pages/site-policy/site-policy.scss
new file mode 100644
index 000000000..f54f35631
--- /dev/null
+++ b/src/core/features/login/pages/site-policy/site-policy.scss
@@ -0,0 +1,26 @@
+:host {
+    ion-list {
+        display: flex;
+        flex-direction: column;
+        height: 100%;
+
+        ion-item {
+            flex-shrink: 0;
+        }
+
+        .core-site-policy-iframe-container {
+            height: 100%;
+
+            core-iframe {
+                height: 100%;
+                width: 100%;
+            }
+        }
+    }
+}
+
+:host core-loading ::ng-deep {
+    .core-loading-content {
+        height: 100%;
+    }
+}
diff --git a/src/core/features/login/pages/site-policy/site-policy.ts b/src/core/features/login/pages/site-policy/site-policy.ts
index 17aba15e3..180905155 100644
--- a/src/core/features/login/pages/site-policy/site-policy.ts
+++ b/src/core/features/login/pages/site-policy/site-policy.ts
@@ -29,6 +29,7 @@ import { CoreEvents } from '@singletons/events';
 @Component({
     selector: 'page-core-login-site-policy',
     templateUrl: 'site-policy.html',
+    styleUrls: ['site-policy.scss'],
 })
 export class CoreLoginSitePolicyPage implements OnInit {