diff --git a/packages/core/src/components/modal/modal.tsx b/packages/core/src/components/modal/modal.tsx
index 447fe3dafa..c0411cf298 100644
--- a/packages/core/src/components/modal/modal.tsx
+++ b/packages/core/src/components/modal/modal.tsx
@@ -175,7 +175,10 @@ export class Modal implements OverlayInterface {
     this.data.modal = this.el;
 
     return this.delegate.attachViewToDom(userComponentParent, this.component, this.data, cssClasses)
-     .then((mountingData) => this.usersComponentElement = mountingData.element)
+     .then((mountingData) => {
+       mountingData.element.classList.add('ion-page');
+       this.usersComponentElement = mountingData.element;
+     })
      .then(() => this.playAnimation(animationBuilder))
      .then(() => {
        this.ionModalDidPresent.emit();
diff --git a/packages/core/src/components/popover/popover.tsx b/packages/core/src/components/popover/popover.tsx
index 71bf9d042b..ebfc7c7c3a 100644
--- a/packages/core/src/components/popover/popover.tsx
+++ b/packages/core/src/components/popover/popover.tsx
@@ -184,7 +184,9 @@ export class Popover implements OverlayInterface {
     this.data.modal = this.el;
 
     return this.delegate.attachViewToDom(userComponentParent, this.component, this.data, cssClasses)
-      .then((mountingData) => this.usersComponentElement = mountingData.element)
+      .then((mountingData) => {
+        this.usersComponentElement = mountingData.element;
+      })
       .then(() => domControllerAsync(this.dom.raf))
       .then(() => this.playAnimation(animationBuilder))
       .then(() => {