diff --git a/ionic/components/card/card.ios.scss b/ionic/components/card/card.ios.scss
index 72c32ae689..e2814af51a 100644
--- a/ionic/components/card/card.ios.scss
+++ b/ionic/components/card/card.ios.scss
@@ -38,6 +38,8 @@ $card-ios-header-color:                #333 !default;
 ion-card {
   margin: $card-ios-margin-top $card-ios-margin-right $card-ios-margin-bottom $card-ios-margin-left;
 
+  width: calc(100% - #{($card-ios-margin-right + $card-ios-margin-left)});
+
   border-radius: $card-ios-border-radius;
   font-size: $card-ios-font-size;
 
diff --git a/ionic/components/card/card.md.scss b/ionic/components/card/card.md.scss
index 09f0f91c38..29bc246c33 100644
--- a/ionic/components/card/card.md.scss
+++ b/ionic/components/card/card.md.scss
@@ -40,6 +40,8 @@ $card-md-header-color:                #222 !default;
 ion-card {
   margin: $card-md-margin-top $card-md-margin-right $card-md-margin-bottom $card-md-margin-left;
 
+  width: calc(100% - #{($card-md-margin-right + $card-md-margin-left)});
+
   border-radius: $card-md-border-radius;
   font-size: $card-md-font-size;
 
diff --git a/ionic/components/card/card.wp.scss b/ionic/components/card/card.wp.scss
index b5eb5a6d55..26c12c7041 100644
--- a/ionic/components/card/card.wp.scss
+++ b/ionic/components/card/card.wp.scss
@@ -41,6 +41,8 @@ $card-wp-header-color:                #222 !default;
 ion-card {
   margin: $card-wp-margin-top $card-wp-margin-right $card-wp-margin-bottom $card-wp-margin-left;
 
+  width: calc(100% - #{($card-wp-margin-right + $card-wp-margin-left)});
+
   border-radius: $card-wp-border-radius;
   font-size: $card-wp-font-size;