From b73e2c874b9349047fb23fb13daf29b2707dae6c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Wed, 13 Dec 2023 14:55:19 +0100
Subject: [PATCH] MOBILE-3947 styles: Fix limited width inside loading

---
 src/core/components/loading/loading.scss | 9 ---------
 src/theme/theme.base.scss                | 9 +++++++++
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/core/components/loading/loading.scss b/src/core/components/loading/loading.scss
index 923321dda..1c86d60ca 100644
--- a/src/core/components/loading/loading.scss
+++ b/src/core/components/loading/loading.scss
@@ -86,12 +86,3 @@
     // Implicit Inline.
     @include inline();
 }
-
-:host-context(.limited-width > *):not([slot]),
-:host-context(.menu > *):not([slot]) {
-    &.core-loading-loaded {
-        --contents-display: flex;
-        flex-direction: column;
-    }
-    min-height: 100%;
-}
diff --git a/src/theme/theme.base.scss b/src/theme/theme.base.scss
index c50f2471a..b12d50e14 100644
--- a/src/theme/theme.base.scss
+++ b/src/theme/theme.base.scss
@@ -970,6 +970,15 @@ ion-content.limited-width > :not([slot]) {
     min-height: 100%;
 }
 
+.limited-width > core-loading:not([slot]),
+.menu > core-loading:not([slot]) {
+    &.core-loading-loaded {
+        --contents-display: flex;
+        flex-direction: column;
+    }
+    min-height: 100%;
+}
+
 ion-toolbar h1 img.core-bar-button-image,
 ion-toolbar h1 .core-bar-button-image img {
     padding: 4px;