diff --git a/docs/src/pages/customization/components/ClassesShorthand.js b/docs/src/pages/customization/components/ClassesShorthand.js
index 12a2451db0ef52..779dab171217d3 100644
--- a/docs/src/pages/customization/components/ClassesShorthand.js
+++ b/docs/src/pages/customization/components/ClassesShorthand.js
@@ -20,5 +20,5 @@ const StyledButton = withStyles({
 })(Button);
 
 export default function ClassesShorthand() {
-  return <StyledButton>Classes Shorthand</StyledButton>;
+  return <StyledButton>classes shorthand</StyledButton>;
 }
diff --git a/docs/src/pages/customization/components/ClassesShorthand.tsx b/docs/src/pages/customization/components/ClassesShorthand.tsx
index 12a2451db0ef52..779dab171217d3 100644
--- a/docs/src/pages/customization/components/ClassesShorthand.tsx
+++ b/docs/src/pages/customization/components/ClassesShorthand.tsx
@@ -20,5 +20,5 @@ const StyledButton = withStyles({
 })(Button);
 
 export default function ClassesShorthand() {
-  return <StyledButton>Classes Shorthand</StyledButton>;
+  return <StyledButton>classes shorthand</StyledButton>;
 }