diff --git a/core/src/components/header/header.utils.ts b/core/src/components/header/header.utils.ts
index 472d241228..dd6a66d208 100644
--- a/core/src/components/header/header.utils.ts
+++ b/core/src/components/header/header.utils.ts
@@ -150,7 +150,6 @@ export const scaleLargeTitles = (toolbars: ToolbarIndex[] = [], scale = 1, trans
     const titleDiv = toolbar.innerTitleEl;
     if (!ionTitle || ionTitle.size !== 'large') { return; }
 
-    titleDiv.style.transformOrigin = 'left center';
     titleDiv.style.transition = (transition) ? TRANSITION : '';
     titleDiv.style.transform = `scale3d(${scale}, ${scale}, 1)`;
   });
diff --git a/core/src/components/title/title.ios.scss b/core/src/components/title/title.ios.scss
index 63897c6d76..21473fb8b4 100644
--- a/core/src/components/title/title.ios.scss
+++ b/core/src/components/title/title.ios.scss
@@ -41,6 +41,7 @@
 
 :host(.title-large) {
   @include padding(0, 16px);
+  @include transform-origin(start, center);
 
   bottom: 0;
 
@@ -59,3 +60,7 @@
 :host(.title-large.ion-cloned-element) {
   --color: #{$text-color};
 }
+
+:host(.title-large) .toolbar-title {
+  @include transform-origin(inherit);
+}