[DividerWrapper] replace decimal spacing values

* replace decimal values passed to `theme.spacing()` with integers * use css `calc()` to calculate final value
mui · Nov 6, 2021 · 442a908 · 442a908
1 parent 887b8c8
commit 442a908
Showing 1 changed file with 4 additions and 4 deletions.
diff --git 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)`,
   }),
 }));