diff --git a/packages/mui-joy/src/CircularProgress/CircularProgressCssVars.ts b/packages/mui-joy/src/CircularProgress/CircularProgressCssVars.ts
index 697be190c75b32..3a53ac14a84819 100644
--- a/packages/mui-joy/src/CircularProgress/CircularProgressCssVars.ts
+++ b/packages/mui-joy/src/CircularProgress/CircularProgressCssVars.ts
@@ -1,4 +1,4 @@
-import { GenerateCssVarsType } from '../utils/CssVarsType';
+import { GenerateCssVarsType } from '../utils/GenerateCssVarsType';
 
 const circularProgressCssVars = {
   thickness: '--CircularProgress-thickness',
diff --git a/packages/mui-joy/src/utils/CssVarsType.ts b/packages/mui-joy/src/utils/GenerateCssVarsType.ts
similarity index 92%
rename from packages/mui-joy/src/utils/CssVarsType.ts
rename to packages/mui-joy/src/utils/GenerateCssVarsType.ts
index ab6f28c7468b75..884d540e5576f9 100644
--- a/packages/mui-joy/src/utils/CssVarsType.ts
+++ b/packages/mui-joy/src/utils/GenerateCssVarsType.ts
@@ -2,7 +2,7 @@
  * A type which generates CSS Variables.
  * @example
  * type ButtonCssVars = GenerateCssVarsType<'color' | 'size', 'Button'>;
- *  ButtonCssVars wouldb be {
+ *  ButtonCssVars would be {
  * '--Button-color'?: string | number;
  * '--Button-size'?: string | number;
  * }