diff --git a/src/core/components/loading/loading.scss b/src/core/components/loading/loading.scss
index d6b31d067..e6cebfac7 100644
--- a/src/core/components/loading/loading.scss
+++ b/src/core/components/loading/loading.scss
@@ -95,3 +95,10 @@
     flex-direction: column;
     min-height: 100%;
 }
+
+// There is a bug on iOs that displays inside elements in wrong order.
+// This bug seems not to affect other elements like format-text
+:host-context(.ios) {
+    --contents-display: flex;
+    flex-direction: column;
+}