diff --git a/packages/core/src/components/nav/nav.scss b/packages/core/src/components/nav/nav.scss
index 113a2bf48f..d59144c4b7 100644
--- a/packages/core/src/components/nav/nav.scss
+++ b/packages/core/src/components/nav/nav.scss
@@ -17,4 +17,20 @@ ion-nav {
   height: 100%;
 
   contain: layout size style;
-}
\ No newline at end of file
+}
+
+.ion-page {
+  position: absolute;
+
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+
+  z-index: $z-index-page-container;
+
+  width: 100%;
+  height: 100%;
+
+  contain: layout size style;
+}
diff --git a/packages/core/stencil.config.js b/packages/core/stencil.config.js
index 74d22a0017..2f167774db 100644
--- a/packages/core/stencil.config.js
+++ b/packages/core/stencil.config.js
@@ -4,7 +4,6 @@ exports.config = {
   generateWWW: false,
   bundles: [
     { components: ['ion-animation-controller'] },
-    { components: ['ion-page'] },
     { components: ['ion-app', 'ion-content', 'ion-scroll', 'ion-footer', 'ion-header', 'ion-navbar', 'ion-title', 'ion-toolbar'] },
     { components: ['ion-action-sheet', 'ion-action-sheet-controller'] },
     { components: ['ion-alert', 'ion-alert-controller'] },
@@ -27,6 +26,7 @@ exports.config = {
     { components: ['ion-loading', 'ion-loading-controller'] },
     { components: ['ion-menu', 'ion-menu-controller'], priority: 'low' },
     { components: ['ion-modal', 'ion-modal-controller'] },
+    { components: ['ion-page'] },
     { components: ['ion-popover', 'ion-popover-controller'] },
     { components: ['ion-radio', 'ion-radio-group'] },
     { components: ['ion-reorder', 'ion-reorder-group'] },