diff --git a/demos/component-docs/app.css b/demos/component-docs/app.css
index 4a4f7a2834..58e3c3467d 100644
--- a/demos/component-docs/app.css
+++ b/demos/component-docs/app.css
@@ -149,12 +149,12 @@ ion-card.cards-list-demo a > icon {
   color: #444444;
 }
 
-.adv-background {
+.advanced-background {
   position: relative;
   text-align: center !important;
 }
 
-ion-card p.adv-background-title {
+ion-card p.advanced-background-title {
   position: absolute;
   top: 29%;
   font-size: 2.0em;
@@ -165,7 +165,7 @@ ion-card p.adv-background-title {
 
 }
 
-ion-card p.adv-background-subtitle {
+ion-card p.advanced-background-subtitle {
   font-size: 1.0em;
   position: absolute;
   top: 48%;
diff --git a/demos/component-docs/cards/cards-background.html b/demos/component-docs/cards/cards-background.html
index 6e1be7003c..8a9f2406d8 100644
--- a/demos/component-docs/cards/cards-background.html
+++ b/demos/component-docs/cards/cards-background.html
@@ -5,34 +5,34 @@
 
 <ion-content class="has-header components-demo cards-bg">
 
-<ion-card class="adv-background">
+<ion-card class="advanced-background">
   <img src="img/card-amsterdam.png"/>
-  <p class="adv-background-title">Amsterdam</p>
-  <p class="adv-background-subtitle">64 Listings</p>
+  <p class="advanced-background-title">Amsterdam</p>
+  <p class="advanced-background-subtitle">64 Listings</p>
 </ion-card>
 
-<ion-card class="adv-background">
+<ion-card class="advanced-background">
   <img src="img/card-madison.png"/>
-  <p class="adv-background-title">Madison</p>
-  <p class="adv-background-subtitle">28 Listings</p>
+  <p class="advanced-background-title">Madison</p>
+  <p class="advanced-background-subtitle">28 Listings</p>
 </ion-card>
 
-<ion-card class="adv-background">
+<ion-card class="advanced-background">
   <img src="img/card-portland.png"/>
-  <p class="adv-background-title">Portland</p>
-  <p class="adv-background-subtitle">31 Listings</p>
+  <p class="advanced-background-title">Portland</p>
+  <p class="advanced-background-subtitle">31 Listings</p>
 </ion-card>
 
-<ion-card class="adv-background">
+<ion-card class="advanced-background">
   <img src="img/card-saopaolo.png"/>
-  <p class="adv-background-title">São Paulo</p>
-  <p class="adv-background-subtitle">41 Listings</p>
+  <p class="advanced-background-title">São Paulo</p>
+  <p class="advanced-background-subtitle">41 Listings</p>
 </ion-card>
 
-<ion-card class="adv-background">
+<ion-card class="advanced-background">
   <img src="img/card-sf.png"/>
-  <p class="adv-background-title">San Francisco</p>
-  <p class="adv-background-subtitle">72 Listings</p>
+  <p class="advanced-background-title">San Francisco</p>
+  <p class="advanced-background-subtitle">72 Listings</p>
 </ion-card>