diff --git a/src/components/card/card.scss b/src/components/card/card.scss
index ee3e2914f1..2b8110908a 100644
--- a/src/components/card/card.scss
+++ b/src/components/card/card.scss
@@ -65,7 +65,7 @@ md-card {
     display: flex;
     flex: 0 0 auto;
     width: 100%;
-    height: 100% !important;
+    height: auto;
   }
 
   md-card-title {
diff --git a/src/components/colors/demoBasicUsage/regularCard.tmpl.html b/src/components/colors/demoBasicUsage/regularCard.tmpl.html
index ec7edeec5b..dd464ef957 100644
--- a/src/components/colors/demoBasicUsage/regularCard.tmpl.html
+++ b/src/components/colors/demoBasicUsage/regularCard.tmpl.html
@@ -1,7 +1,7 @@
 <md-card>
   <md-card-title>
     <md-card-title-media>
-      <div class="md-media-sm card-media" layout layout-align="center center" >
+      <div class="md-media-sm card-media" layout>
         <md-icon md-svg-icon="person" style="color:grey"></md-icon>
       </div>
     </md-card-title-media>
diff --git a/src/components/colors/demoBasicUsage/userCard.tmpl.html b/src/components/colors/demoBasicUsage/userCard.tmpl.html
index 42a8530c36..461f8f4c76 100644
--- a/src/components/colors/demoBasicUsage/userCard.tmpl.html
+++ b/src/components/colors/demoBasicUsage/userCard.tmpl.html
@@ -1,8 +1,7 @@
 <md-card md-colors="::{backgroundColor: '{{theme}}-primary-700'}">
   <md-card-title>
     <md-card-title-media>
-      <div class="md-media-sm card-media" layout layout-align="center center"
-           md-colors="::{background: '{{theme}}-accent'}">
+      <div class="md-media-sm card-media" layout md-colors="::{background: '{{theme}}-accent'}">
         <md-icon md-svg-icon="person"></md-icon>
       </div>
     </md-card-title-media>