diff --git a/docs/data/material/experimental-api/css-theme-variables/customization.md b/docs/data/material/experimental-api/css-theme-variables/customization.md
index bc5362b5beca89..6c8776bf98005e 100644
--- a/docs/data/material/experimental-api/css-theme-variables/customization.md
+++ b/docs/data/material/experimental-api/css-theme-variables/customization.md
@@ -166,7 +166,7 @@ Then, you can access those variables from the `theme.vars` object:
 const Divider = styled('hr')(({ theme }) => ({
   height: 1,
   border: '1px solid',
-  borderColor: theme.vars.palette.border.subtile,
+  borderColor: theme.vars.palette.border.subtle,
   backgroundColor: theme.vars.palette.gradient,
 }));
 ```