diff --git a/core/src/utils/overlays.ts b/core/src/utils/overlays.ts
index e3b610ed1f..3d10d88efd 100644
--- a/core/src/utils/overlays.ts
+++ b/core/src/utils/overlays.ts
@@ -9,7 +9,7 @@ export function createOverlay<T extends HTMLIonOverlayElement>(element: T, opts:
   // convert the passed in overlay options into props
   // that get passed down into the new overlay
   Object.assign(element, opts);
-
+  element.classList.add('ion-page-hidden');
   element.overlayId = lastId++;
 
   // append the overlay element to the document body
@@ -132,6 +132,9 @@ async function overlayAnimation(
     overlay.animation = undefined;
   }
 
+  // Make overlay visible in case it's hidden
+  baseEl.classList.remove('ion-page-hidden');
+
   const aniRoot = baseEl.shadowRoot || overlay.el;
   const animation = overlay.animation = await overlay.animationCtrl.create(animationBuilder, aniRoot, opts);
   overlay.animation = animation;