diff --git a/docs/src/pages/demos/chips/ChipsPlayground.js b/docs/src/pages/demos/chips/ChipsPlayground.js
index 565ea7265d4928..02e6903d8997d6 100644
--- a/docs/src/pages/demos/chips/ChipsPlayground.js
+++ b/docs/src/pages/demos/chips/ChipsPlayground.js
@@ -72,7 +72,7 @@ class ChipsPlayground extends React.Component {
         iconToCode = '';
         break;
       default:
-        iconToCode = 'icon={<FaceIcon />}';
+        iconToCode = 'icon={<FaceIcon />} ';
         iconToPlayground = <FaceIcon />;
         break;
     }
diff --git a/packages/material-ui/src/Chip/Chip.js b/packages/material-ui/src/Chip/Chip.js
index 90c26653eb0630..a38057ec9195be 100644
--- a/packages/material-ui/src/Chip/Chip.js
+++ b/packages/material-ui/src/Chip/Chip.js
@@ -38,6 +38,7 @@ export const styles = theme => {
       border: 'none', // Remove `button` border
       padding: 0, // Remove `button` padding
       verticalAlign: 'middle',
+      boxSizing: 'border-box',
     },
     /* Styles applied to the root element if `color="primary"`. */
     colorPrimary: {
@@ -112,6 +113,9 @@ export const styles = theme => {
       '$clickable&:hover, $clickable&:focus, $deletable&:focus': {
         backgroundColor: fade(theme.palette.text.primary, theme.palette.action.hoverOpacity),
       },
+      '& $avatar': {
+        marginLeft: -1,
+      },
     },
     /* Styles applied to the root element if `variant="outlined"` and `color="primary"`. */
     outlinedPrimary: {