diff --git a/core/src/components/loading/loading.ios.vars.scss b/core/src/components/loading/loading.ios.vars.scss
index 0fa4c0a4dfe..5b84f413d83 100644
--- a/core/src/components/loading/loading.ios.vars.scss
+++ b/core/src/components/loading/loading.ios.vars.scss
@@ -4,7 +4,7 @@
 // --------------------------------------------------
 
 /// @prop - Font size of the loading wrapper
-$loading-ios-font-size:                             14px !default;
+$loading-ios-font-size:                             0.875rem !default;
 
 /// @prop - Padding top of the loading wrapper
 $loading-ios-padding-top:                           24px !default;
diff --git a/core/src/components/loading/loading.md.vars.scss b/core/src/components/loading/loading.md.vars.scss
index 29b00ba22df..263eaa52b13 100644
--- a/core/src/components/loading/loading.md.vars.scss
+++ b/core/src/components/loading/loading.md.vars.scss
@@ -4,7 +4,7 @@
 // --------------------------------------------------
 
 /// @prop - Font size of the loading wrapper
-$loading-md-font-size:                 14px !default;
+$loading-md-font-size:                 0.875rem !default;
 
 /// @prop - Padding top of the loading wrapper
 $loading-md-padding-top:               24px !default;
diff --git a/core/src/components/loading/test/a11y/loading.e2e.ts b/core/src/components/loading/test/a11y/loading.e2e.ts
index 1beddecaf68..8a1d96d6a46 100644
--- a/core/src/components/loading/test/a11y/loading.e2e.ts
+++ b/core/src/components/loading/test/a11y/loading.e2e.ts
@@ -30,3 +30,29 @@ configs({ modes: ['ios'], directions: ['ltr'] }).forEach(({ title, config }) =>
     });
   });
 });
+
+configs({ directions: ['ltr'] }).forEach(({ title, screenshot, config }) => {
+  test.describe(title('loading: font scaling'), () => {
+    test('should scale text on larger font sizes', async ({ page }) => {
+      await page.setContent(
+        `
+        <style>
+          html {
+            font-size: 36px;
+          }
+        </style>
+        <ion-loading message="Loading"></ion-loading>
+      `,
+        config
+      );
+
+      const ionLoadingDidPresent = await page.spyOnEvent('ionLoadingDidPresent');
+      const loading = page.locator('ion-loading');
+
+      await loading.evaluate((el: HTMLIonLoadingElement) => el.present());
+      await ionLoadingDidPresent.next();
+
+      await expect(loading).toHaveScreenshot(screenshot(`loading-scale`));
+    });
+  });
+});
diff --git a/core/src/components/loading/test/a11y/loading.e2e.ts-snapshots/loading-scale-ios-ltr-Mobile-Chrome-linux.png b/core/src/components/loading/test/a11y/loading.e2e.ts-snapshots/loading-scale-ios-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..75cb4f6df7c
Binary files /dev/null and b/core/src/components/loading/test/a11y/loading.e2e.ts-snapshots/loading-scale-ios-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/loading/test/a11y/loading.e2e.ts-snapshots/loading-scale-ios-ltr-Mobile-Firefox-linux.png b/core/src/components/loading/test/a11y/loading.e2e.ts-snapshots/loading-scale-ios-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..6619aad1154
Binary files /dev/null and b/core/src/components/loading/test/a11y/loading.e2e.ts-snapshots/loading-scale-ios-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/loading/test/a11y/loading.e2e.ts-snapshots/loading-scale-ios-ltr-Mobile-Safari-linux.png b/core/src/components/loading/test/a11y/loading.e2e.ts-snapshots/loading-scale-ios-ltr-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..a23bf2f5742
Binary files /dev/null and b/core/src/components/loading/test/a11y/loading.e2e.ts-snapshots/loading-scale-ios-ltr-Mobile-Safari-linux.png differ
diff --git a/core/src/components/loading/test/a11y/loading.e2e.ts-snapshots/loading-scale-md-ltr-Mobile-Chrome-linux.png b/core/src/components/loading/test/a11y/loading.e2e.ts-snapshots/loading-scale-md-ltr-Mobile-Chrome-linux.png
new file mode 100644
index 00000000000..55c400ccd8b
Binary files /dev/null and b/core/src/components/loading/test/a11y/loading.e2e.ts-snapshots/loading-scale-md-ltr-Mobile-Chrome-linux.png differ
diff --git a/core/src/components/loading/test/a11y/loading.e2e.ts-snapshots/loading-scale-md-ltr-Mobile-Firefox-linux.png b/core/src/components/loading/test/a11y/loading.e2e.ts-snapshots/loading-scale-md-ltr-Mobile-Firefox-linux.png
new file mode 100644
index 00000000000..536cfe0e619
Binary files /dev/null and b/core/src/components/loading/test/a11y/loading.e2e.ts-snapshots/loading-scale-md-ltr-Mobile-Firefox-linux.png differ
diff --git a/core/src/components/loading/test/a11y/loading.e2e.ts-snapshots/loading-scale-md-ltr-Mobile-Safari-linux.png b/core/src/components/loading/test/a11y/loading.e2e.ts-snapshots/loading-scale-md-ltr-Mobile-Safari-linux.png
new file mode 100644
index 00000000000..22f581ddbd1
Binary files /dev/null and b/core/src/components/loading/test/a11y/loading.e2e.ts-snapshots/loading-scale-md-ltr-Mobile-Safari-linux.png differ