diff --git a/packages/theme/src/v5/defaultComponentThemes.ts b/packages/theme/src/v5/defaultComponentThemes.ts
index 15cba7f6b6..9b4a7fde6b 100644
--- a/packages/theme/src/v5/defaultComponentThemes.ts
+++ b/packages/theme/src/v5/defaultComponentThemes.ts
@@ -178,23 +178,23 @@ export const defaultComponentThemes: ThemeOptions['components'] = {
         color: theme.palette.text.primary,
       }),
       label: ({ theme }) => ({
-        lineHeight: `${theme.spacing(2.5)}px`,
+        lineHeight: theme.spacing(2.5),
         fontWeight: theme.typography.fontWeightMedium,
-        fontSize: `${theme.spacing(1.75)}px`,
+        fontSize: theme.spacing(1.75),
       }),
       labelSmall: ({ theme }) => ({
-        fontSize: `${theme.spacing(1.5)}px`,
+        fontSize: theme.spacing(1.5),
       }),
       deleteIcon: ({ theme }) => ({
         color: theme.palette.grey[500],
-        width: `${theme.spacing(3)}px`,
-        height: `${theme.spacing(3)}px`,
-        margin: `0 ${theme.spacing(0.75)}px 0 -${theme.spacing(0.75)}px`,
+        width: theme.spacing(3),
+        height: theme.spacing(3),
+        margin: `0 ${theme.spacing(0.75)}px 0 -${theme.spacing(0.75)}`,
       }),
       deleteIconSmall: ({ theme }) => ({
-        width: `${theme.spacing(2)}px`,
-        height: `${theme.spacing(2)}px`,
-        margin: `0 ${theme.spacing(0.5)}px 0 -${theme.spacing(0.5)}px`,
+        width: theme.spacing(2),
+        height: theme.spacing(2),
+        margin: `0 ${theme.spacing(0.5)}px 0 -${theme.spacing(0.5)}`,
       }),
     },
   },