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] }),
diff --git a/packages/mui-material/src/Divider/Divider.js b/packages/mui-material/src/Divider/Divider.js
index 9010cb0907e14d..b27917c2022747 100644
--- a/packages/mui-material/src/Divider/Divider.js
+++ b/packages/mui-material/src/Divider/Divider.js
@@ -155,11 +155,11 @@ const DividerWrapper = styled('span', {
   },
 })(({ theme, ownerState }) => ({
   display: 'inline-block',
-  paddingLeft: theme.spacing(1.2),
-  paddingRight: theme.spacing(1.2),
+  paddingLeft: `calc(${theme.spacing(1)} * 1.2)`,
+  paddingRight: `calc(${theme.spacing(1)} * 1.2)`,
   ...(ownerState.orientation === 'vertical' && {
-    paddingTop: theme.spacing(1.2),
-    paddingBottom: theme.spacing(1.2),
+    paddingTop: `calc(${theme.spacing(1)} * 1.2)`,
+    paddingBottom: `calc(${theme.spacing(1)} * 1.2)`,
   }),
 }));