diff --git a/apps/mina-sidor-fa/src/app/shared/components/layout/layout.component.html b/apps/mina-sidor-fa/src/app/shared/components/layout/layout.component.html
index fb25d6b..636728e 100644
--- a/apps/mina-sidor-fa/src/app/shared/components/layout/layout.component.html
+++ b/apps/mina-sidor-fa/src/app/shared/components/layout/layout.component.html
@@ -19,6 +19,9 @@
   <msfa-footer class="msfa__footer"></msfa-footer>
 </div>
 
-<div class="msfa__loading-wrapper msfa__loading-wrapper--full-screen">
+<div
+  *ngIf="(userLoading$ | async) || (rolesLoading$ | async)"
+  class="msfa__loading-wrapper msfa__loading-wrapper--full-screen"
+>
   <digi-icon-spinner class="msfa__spinner"></digi-icon-spinner>
 </div>