[StepButton] Fix StepButton overlap with StepContent

Stop StepButton overlapping with StepContent when in a vertical orientation Stepper. Fixes issue 11857.
mui · Sep 9, 2019 · e9af326 · e9af326
1 parent b968c9a
commit e9af326
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/packages/material-ui/src/StepButton/StepButton.js b/packages/material-ui/src/StepButton/StepButton.js
@@ -19,6 +19,8 @@ export const styles = {
   /* Styles applied to the root element if `orientation="vertical"`. */
   vertical: {
     justifyContent: 'flex-start',
+    padding: '8px',
+    margin: '-8px',
   },
   /* Styles applied to the `ButtonBase` touch-ripple. */
   touchRipple: {