fix ripple style

mui · Feb 20, 2020 · 42b97a6 · 42b97a6
1 parent c77ae7f
commit 42b97a6
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/packages/material-ui/src/Breadcrumbs/BreadcrumbCollapsed.js b/packages/material-ui/src/Breadcrumbs/BreadcrumbCollapsed.js
@@ -8,15 +8,11 @@ import ButtonBase from '../ButtonBase';
 const styles = theme => ({
   root: {
     display: 'flex',
-  },
-  icon: {
-    width: 24,
-    height: 16,
+    marginLeft: theme.spacing(0.5),
+    marginRight: theme.spacing(0.5),
     backgroundColor: theme.palette.grey[100],
     color: theme.palette.grey[700],
     borderRadius: 2,
-    marginLeft: theme.spacing(0.5),
-    marginRight: theme.spacing(0.5),
     cursor: 'pointer',
     '&:hover, &:focus': {
       backgroundColor: theme.palette.grey[200],
@@ -26,6 +22,10 @@ const styles = theme => ({
       backgroundColor: emphasize(theme.palette.grey[200], 0.12),
     },
   },
+  icon: {
+    width: 24,
+    height: 16,
+  },
 });
 
 /**