diff --git a/core/src/components/modal/animations/ios.enter.ts b/core/src/components/modal/animations/ios.enter.ts
index ba871f7591..4a575bd0bf 100644
--- a/core/src/components/modal/animations/ios.enter.ts
+++ b/core/src/components/modal/animations/ios.enter.ts
@@ -35,7 +35,8 @@ export const iosEnterAnimation = (
     const presentingAnimation = createAnimation()
       .beforeStyles({
         'transform': 'translateY(0)',
-        'transform-origin': 'top center'
+        'transform-origin': 'top center',
+        'overflow': 'hidden'
       })
       .afterStyles({
         'transform': finalTransform
diff --git a/core/src/components/modal/animations/ios.leave.ts b/core/src/components/modal/animations/ios.leave.ts
index d20044e113..f5ff92181b 100644
--- a/core/src/components/modal/animations/ios.leave.ts
+++ b/core/src/components/modal/animations/ios.leave.ts
@@ -38,6 +38,8 @@ export const iosLeaveAnimation = (
         // only reset background color if this is the last card-style modal
         if (currentStep !== 1) { return; }
 
+        presentingEl.style.setProperty('overflow', '');
+
         const numModals = Array.from(bodyEl.querySelectorAll('ion-modal')).filter(m => m.presentingElement !== undefined).length;
         if (numModals <= 1) {
           bodyEl.style.setProperty('background-color', '');