From 0c3209c4bb122150c5126eb83868e5eaee1cb99b Mon Sep 17 00:00:00 2001
From: Matthew Brookes <github@nospam.33m.co>
Date: Thu, 26 Jul 2018 23:40:54 +0100
Subject: [PATCH] [Card] Align icons with ListItem

---
 docs/src/pages/demos/cards/RecipeReviewCard.js    | 3 +++
 packages/material-ui/src/CardHeader/CardHeader.js | 5 ++++-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/docs/src/pages/demos/cards/RecipeReviewCard.js b/docs/src/pages/demos/cards/RecipeReviewCard.js
index 3f8b940d5fb8c5..e63d551e3c42d2 100644
--- a/docs/src/pages/demos/cards/RecipeReviewCard.js
+++ b/docs/src/pages/demos/cards/RecipeReviewCard.js
@@ -34,6 +34,9 @@ const styles = theme => ({
       duration: theme.transitions.duration.shortest,
     }),
     marginLeft: 'auto',
+    [theme.breakpoints.up('sm')]: {
+      marginRight: -8,
+    },
   },
   expandOpen: {
     transform: 'rotate(180deg)',
diff --git a/packages/material-ui/src/CardHeader/CardHeader.js b/packages/material-ui/src/CardHeader/CardHeader.js
index 5209a220f4be1f..c73fa5704daabe 100644
--- a/packages/material-ui/src/CardHeader/CardHeader.js
+++ b/packages/material-ui/src/CardHeader/CardHeader.js
@@ -22,7 +22,10 @@ export const styles = theme => ({
     flex: '0 0 auto',
     alignSelf: 'flex-start',
     marginTop: -8,
-    marginRight: -16,
+    marginRight: -12,
+    [theme.breakpoints.up('sm')]: {
+      marginRight: -20,
+    },
   },
   /* Styles applied to the content wrapper element. */
   content: {