diff --git a/core/src/components/modal/animations/ios.enter.ts b/core/src/components/modal/animations/ios.enter.ts
index c079452653..ba871f7591 100644
--- a/core/src/components/modal/animations/ios.enter.ts
+++ b/core/src/components/modal/animations/ios.enter.ts
@@ -40,7 +40,7 @@ export const iosEnterAnimation = (
       .afterStyles({
         'transform': finalTransform
       })
-      .beforeAddWrite(() => bodyEl.style.setProperty('background-color', 'black'))
+      .beforeAddWrite(() => bodyEl.style.setProperty('background-color', 'black', 'important'))
       .addElement(presentingEl)
       .keyframes([
         { offset: 0, transform: 'translateY(0px) scale(1)', borderRadius: '0px' },