fix radius

mui · Feb 27, 2023 · f94a4a1 · f94a4a1
1 parent 7950b42
commit f94a4a1
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/packages/grid/x-data-grid/src/components/containers/GridRootStyles.ts b/packages/grid/x-data-grid/src/components/containers/GridRootStyles.ts
@@ -95,9 +95,10 @@ export const GridRootStyles = styled('div', {
   ],
 })<{ ownerState: OwnerState }>(({ theme }) => {
   const borderColor = getBorderColor(theme);
+  const radius = theme.shape.borderRadius;
 
   const gridStyle: CSSInterpolation = {
-    '--DataGrid-radius': theme.shape.borderRadius,
+    '--DataGrid-radius': typeof radius === 'number' ? `${radius}px` : radius,
     '--DataGrid-headWeight': theme.typography.fontWeightMedium,
     '--DataGrid-overlayBackground': theme.vars
       ? `rgba(${theme.vars.palette.background.defaultChannel} / ${theme.vars.palette.action.disabledOpacity})`