diff --git a/src/components/card/card.scss b/src/components/card/card.scss
index 6ccf02601cb..3e78f9b8dba 100644
--- a/src/components/card/card.scss
+++ b/src/components/card/card.scss
@@ -12,16 +12,21 @@ md-card {
 
   > img,
   > :not(md-card-content) img {
-    order: 0;
     width: 100%;
   }
 
   md-card-content {
-    order: 1;
     padding: $card-padding;
   }
+  md-action-bar {
+    margin: 0;
+
+    .md-button {
+      margin-bottom: $card-margin;
+      margin-top: $card-margin;
+    }
+  }
   md-card-footer {
-    order: 2;
     padding: $card-padding;
   }
 }
diff --git a/src/components/card/demoBasicUsage/index.html b/src/components/card/demoBasicUsage/index.html
index d536b66580f..0ba4d740b5f 100644
--- a/src/components/card/demoBasicUsage/index.html
+++ b/src/components/card/demoBasicUsage/index.html
@@ -12,6 +12,10 @@ <h2 class="md-title">Paracosm</h2>
           two most important words in Ernest Greene's musical language: feel it. It's a simple request, as well...
         </p>
       </md-card-content>
+      <md-action-bar layout="row" layout-align="end center">
+        <md-button>Action 1</md-button>
+        <md-button>Action 2</md-button>
+      </md-action-bar>
     </md-card>
 
     <md-card>