diff --git a/demos/component-docs/app.css b/demos/component-docs/app.css
index 27e5ddd1e8..1d8e002ef1 100644
--- a/demos/component-docs/app.css
+++ b/demos/component-docs/app.css
@@ -180,3 +180,10 @@ ion-card.adv-map p {
   font-size: 0.7em !important;
 }
 
+.ios ion-content.cards-bg {
+  background-color: #f4f4f7;
+}
+.md ion-content.cards-bg {
+  background-color: #e6e6e6 !important;
+}
+
diff --git a/demos/component-docs/cards/cards-advanced-image.html b/demos/component-docs/cards/cards-advanced-image.html
index 965c668d22..832a7bb04a 100644
--- a/demos/component-docs/cards/cards-advanced-image.html
+++ b/demos/component-docs/cards/cards-advanced-image.html
@@ -3,7 +3,7 @@
   <ion-title>Advanced: Image</ion-title>
 </ion-navbar>
 
-<ion-content class="has-header components-demo">
+<ion-content class="has-header components-demo cards-bg">
 
 <ion-card>
 
diff --git a/demos/component-docs/cards/cards-advanced-map.html b/demos/component-docs/cards/cards-advanced-map.html
index 1e8b590c22..d5ce1ff92d 100644
--- a/demos/component-docs/cards/cards-advanced-map.html
+++ b/demos/component-docs/cards/cards-advanced-map.html
@@ -3,7 +3,7 @@
   <ion-title>Advanced: Map</ion-title>
 </ion-navbar>
 
-<ion-content class="has-header components-demo">
+<ion-content class="has-header components-demo cards-bg">
 
 <ion-card class="adv-map">
   <div>
diff --git a/demos/component-docs/cards/cards-advanced-social.html b/demos/component-docs/cards/cards-advanced-social.html
index fe2caa82c8..d1d3576078 100644
--- a/demos/component-docs/cards/cards-advanced-social.html
+++ b/demos/component-docs/cards/cards-advanced-social.html
@@ -3,7 +3,7 @@
   <ion-title>Advanced: Social</ion-title>
 </ion-navbar>
 
-<ion-content class="has-header components-demo">
+<ion-content class="has-header components-demo cards-bg">
 
 <ion-card>
 
diff --git a/demos/component-docs/cards/cards-background.html b/demos/component-docs/cards/cards-background.html
index 9785b15334..70a9cfd921 100644
--- a/demos/component-docs/cards/cards-background.html
+++ b/demos/component-docs/cards/cards-background.html
@@ -3,7 +3,7 @@
   <ion-title>Background Images</ion-title>
 </ion-navbar>
 
-<ion-content class="has-header components-demo">
+<ion-content class="has-header components-demo cards-bg">
 
 <ion-card class="adv-background">
   <img src="img/card-amsterdam.png"/>
diff --git a/demos/component-docs/cards/cards-basic.html b/demos/component-docs/cards/cards-basic.html
index 3057e0d13d..5ec73bc4a1 100644
--- a/demos/component-docs/cards/cards-basic.html
+++ b/demos/component-docs/cards/cards-basic.html
@@ -3,7 +3,7 @@
   <ion-title>Basic Cards</ion-title>
 </ion-navbar>
 
-<ion-content class="has-header components-demo">
+<ion-content class="has-header components-demo cards-bg">
 
 <ion-card>
 
diff --git a/demos/component-docs/cards/cards-header.html b/demos/component-docs/cards/cards-header.html
index fdd02fbb13..03d857d32b 100644
--- a/demos/component-docs/cards/cards-header.html
+++ b/demos/component-docs/cards/cards-header.html
@@ -3,7 +3,7 @@
   <ion-title>Card Headers</ion-title>
 </ion-navbar>
 
-<ion-content class="has-header components-demo">
+<ion-content class="has-header components-demo cards-bg">
 
 <ion-card>
 
diff --git a/demos/component-docs/cards/cards-image.html b/demos/component-docs/cards/cards-image.html
index 8b4f682380..7bacdf1be2 100644
--- a/demos/component-docs/cards/cards-image.html
+++ b/demos/component-docs/cards/cards-image.html
@@ -3,7 +3,7 @@
   <ion-title>Card Images</ion-title>
 </ion-navbar>
 
-<ion-content class="has-header components-demo">
+<ion-content class="has-header components-demo cards-bg">
 
   <ion-card>
 
diff --git a/demos/component-docs/cards/cards-list.html b/demos/component-docs/cards/cards-list.html
index 784a67e0bb..5d215eeb85 100644
--- a/demos/component-docs/cards/cards-list.html
+++ b/demos/component-docs/cards/cards-list.html
@@ -3,7 +3,7 @@
   <ion-title>Card Lists</ion-title>
 </ion-navbar>
 
-<ion-content class="has-header components-demo">
+<ion-content class="has-header components-demo cards-bg">
 
   <ion-card class="cards-list-demo">