diff --git a/docs/data/joy/main-features/color-inversion/ColorInversionAnyParent.js b/docs/data/joy/main-features/color-inversion/ColorInversionAnyParent.js
index 468eed3736a28b..c00e4bdb68b714 100644
--- a/docs/data/joy/main-features/color-inversion/ColorInversionAnyParent.js
+++ b/docs/data/joy/main-features/color-inversion/ColorInversionAnyParent.js
@@ -5,15 +5,9 @@ import Box from '@mui/joy/Box';
 import Button from '@mui/joy/Button';
 import Typography from '@mui/joy/Typography';
 
-function Stat({ description, value, sx, ...props }) {
+function Stat({ description, value }) {
   return (
-    <Box
-      {...props}
-      sx={[
-        { borderLeft: 3, borderColor: 'divider', px: 2, py: 0.5 },
-        ...(Array.isArray(sx) ? sx : [sx]),
-      ]}
-    >
+    <Box sx={{ borderLeft: 3, borderColor: 'divider', px: 2, py: 0.5 }}>
       <Typography level="h3" component="div">
         {value}
       </Typography>
@@ -40,9 +34,9 @@ export default function ColorInversionAnyParent() {
           rowGap: 2,
           columnGap: 8,
           p: 4,
+          borderRadius: 'sm',
           background: (theme) =>
             `linear-gradient(45deg, ${theme.vars.palette.neutral[800]}, ${theme.vars.palette.neutral[600]})`,
-          borderRadius: 'sm',
         },
         applySolidInversion('neutral'),
       ]}
@@ -64,8 +58,8 @@ export default function ColorInversionAnyParent() {
           gap: 3,
         }}
       >
-        <Stat value="4M" description="Weekly download on NPM" />
-        <Stat value="87k" description="Stars on Github" />
+        <Stat value="4M" description="Weekly downloads" />
+        <Stat value="87k" description="Stars on GitHub" />
         <Stat value="2.7k" description="Open source contributors" />
         <Stat value="18.4k" description="Followers on Twitter" />
       </Box>