[Button] Increase elevation on hover when contained

mui · Sep 23, 2019 · aa144b2 · aa144b2
1 parent 3eb82b1
commit aa144b2
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/packages/material-ui/src/Button/Button.js b/packages/material-ui/src/Button/Button.js
@@ -112,8 +112,10 @@ export const styles = theme => ({
     boxShadow: theme.shadows[2],
     '&:hover': {
       backgroundColor: theme.palette.grey.A100,
+      boxShadow: theme.shadows[4],
       // Reset on touch devices, it doesn't add specificity
       '@media (hover: none)': {
+        boxShadow: theme.shadows[4],
         backgroundColor: theme.palette.grey[300],
       },
       '&$disabled': {