diff --git a/docs/data/material/customization/color/ColorDemo.js b/docs/data/material/customization/color/ColorDemo.js
index 6ee5ad5f82d98f..6143a08c98b769 100644
--- a/docs/data/material/customization/color/ColorDemo.js
+++ b/docs/data/material/customization/color/ColorDemo.js
@@ -58,7 +58,7 @@ function ColorDemo(props) {
             </Typography>
           </Toolbar>
         </AppBar>
-        <Box component="pre" sx={{ m: 2, fontSize: 16 }}>
+        <Box component="pre" sx={{ m: 2, fontSize: 16, overflowX: 'auto' }}>
           {`{
   palette: {
     primary: ${primary.output},