From 42b97a61f5e78515068138f611d7a57eac3030ba Mon Sep 17 00:00:00 2001 From: Olivier Tassinari Date: Thu, 20 Feb 2020 11:35:52 +0100 Subject: [PATCH] fix ripple style --- .../src/Breadcrumbs/BreadcrumbCollapsed.js | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/packages/material-ui/src/Breadcrumbs/BreadcrumbCollapsed.js b/packages/material-ui/src/Breadcrumbs/BreadcrumbCollapsed.js index 7238c1f6c92436..9d365e5653e557 100644 --- 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, + }, }); /**