diff --git a/demos/component-docs/app.css b/demos/component-docs/app.css
index 8975f8ef34..b2f144f7bf 100644
--- a/demos/component-docs/app.css
+++ b/demos/component-docs/app.css
@@ -232,7 +232,7 @@ body.md .cards-bg tab-highlight {
   background-color: #fff !important;
   top: 0;
 }
-.cards-bg md-ripple {
+.cards-weather md-ripple {
   background: rgba(255,255,255, 0.15);
 }
 
diff --git a/demos/component-docs/cards/cards-advanced-weather.html b/demos/component-docs/cards/cards-advanced-weather.html
index 58f27fe96a..0f3c1f94b5 100644
--- a/demos/component-docs/cards/cards-advanced-weather.html
+++ b/demos/component-docs/cards/cards-advanced-weather.html
@@ -3,7 +3,7 @@
   <ion-title>Weather Card</ion-title>
 </ion-navbar>
 
-<ion-content class="has-header components-demo cards-bg">
+<ion-content class="has-header components-demo cards-bg cards-weather">
 
 <ion-card class="advanced-background">
   <img src="img/advance-card-alaska.jpg"/>