diff --git a/core/src/components/content/content.scss b/core/src/components/content/content.scss
index 541bf07001..1cd5b31184 100644
--- a/core/src/components/content/content.scss
+++ b/core/src/components/content/content.scss
@@ -30,6 +30,9 @@
 
   flex: 1;
 
+  width: 100%;
+  height: 100%;
+
   /* stylelint-disable */
   margin: 0 !important;
   padding: 0 !important;
diff --git a/core/src/components/content/test/basic/index.html b/core/src/components/content/test/basic/index.html
index eee14ceef1..1736cc39e4 100644
--- a/core/src/components/content/test/basic/index.html
+++ b/core/src/components/content/test/basic/index.html
@@ -23,6 +23,7 @@
 
     <div style="display: flex; flex: 1">
       <ion-content padding style="text-align: center; flex: 2" id="content">
+        <ion-content>
         <f style="height: 50%"></f>
         <ion-button onclick="toggleFullscreen()">Toggle content.fullscreen</ion-button>
         <p>
@@ -46,6 +47,7 @@
         <f></f>
         <f></f>
       </ion-content>
+      </ion-content>
       <ion-content padding style="display: none" id="content3">
         <f></f>
         <f></f>