diff --git a/src/components/popover/popover.ios.scss b/src/components/popover/popover.ios.scss
index 288e1f02cb8..084857103d9 100644
--- a/src/components/popover/popover.ios.scss
+++ b/src/components/popover/popover.ios.scss
@@ -22,6 +22,10 @@ $popover-ios-arrow-background:          $popover-ios-background !default;
   border-radius: $popover-ios-border-radius;
   color: $popover-ios-text-color;
   background: $popover-ios-background;
+
+  ion-content {
+    background: $popover-ios-background;
+  }
 }
 
 .popover-content .item {
diff --git a/src/components/popover/popover.md.scss b/src/components/popover/popover.md.scss
index 6647a5a3d55..eaf99aa3920 100644
--- a/src/components/popover/popover.md.scss
+++ b/src/components/popover/popover.md.scss
@@ -27,6 +27,10 @@ $popover-md-item-background:           $popover-md-background !default;
   box-shadow: $popover-md-box-shadow;
 
   transform-origin: top left;
+
+  ion-content {
+    background: $popover-md-background;
+  }
 }
 
 .popover-content .item {
diff --git a/src/components/popover/popover.wp.scss b/src/components/popover/popover.wp.scss
index a26cc8c90a5..044232bf6c3 100644
--- a/src/components/popover/popover.wp.scss
+++ b/src/components/popover/popover.wp.scss
@@ -26,6 +26,10 @@ $popover-wp-item-background:           $popover-wp-background !default;
   background: $popover-wp-background;
 
   transform-origin: top left;
+
+  ion-content {
+    background: $popover-wp-background;
+  }
 }
 
 .popover-content .item {