From 887b8c8163969aac38540f6d1062e474a5b19086 Mon Sep 17 00:00:00 2001 From: Anik Bhattacharya Date: Sat, 6 Nov 2021 01:34:26 -0500 Subject: [PATCH] [BreadcrumbCollapsed] replace decimal spacing values * replace decimal values passed to `theme.spacing()` with integers * use css `calc()` to calculate final value --- packages/mui-material/src/Breadcrumbs/BreadcrumbCollapsed.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/mui-material/src/Breadcrumbs/BreadcrumbCollapsed.js b/packages/mui-material/src/Breadcrumbs/BreadcrumbCollapsed.js index f90cda9baaf7ea..e00ccb7fe52fcc 100644 --- a/packages/mui-material/src/Breadcrumbs/BreadcrumbCollapsed.js +++ b/packages/mui-material/src/Breadcrumbs/BreadcrumbCollapsed.js @@ -7,8 +7,8 @@ import ButtonBase from '../ButtonBase'; const BreadcrumbCollapsedButton = styled(ButtonBase, { skipSx: true })(({ theme }) => ({ display: 'flex', - marginLeft: theme.spacing(0.5), - marginRight: theme.spacing(0.5), + marginLeft: `calc(${theme.spacing(1)} * 0.5)`, + marginRight: `calc(${theme.spacing(1)} * 0.5)`, ...(theme.palette.mode === 'light' ? { backgroundColor: theme.palette.grey[100], color: theme.palette.grey[700] } : { backgroundColor: theme.palette.grey[700], color: theme.palette.grey[100] }),