diff --git a/packages/utils/validators.ts b/packages/utils/validators.ts
index 3f23f1dcfb..34a35f1449 100644
--- a/packages/utils/validators.ts
+++ b/packages/utils/validators.ts
@@ -6,7 +6,7 @@ export const isValidWidthUnit = (val: string | number): boolean =>{
   } else {
     return ['px', 'rem', 'em', 'vw', '%', 'vmin', 'vmax'].some(unit =>
       (val as string).endsWith(unit),
-    )
+    ) || (val as string).startsWith('calc')
   }
 }