diff --git a/docs/src/components/home/MaterialDesignComponents.tsx b/docs/src/components/home/MaterialDesignComponents.tsx
index 9508aa7679776f..cdd15d86cfbfcf 100644
--- a/docs/src/components/home/MaterialDesignComponents.tsx
+++ b/docs/src/components/home/MaterialDesignComponents.tsx
@@ -172,21 +172,13 @@ function Demo({
         className="mui-default-theme"
         sx={{ flexGrow: 1, display: 'flex', alignItems: 'center', justifyContent: 'center' }}
       >
-        {props.theme ? (
-          <CssVarsProvider disableStyleSheetGeneration theme={props.theme}>
-            {React.cloneElement(children, {
-              ...(control && {
-                [control.prop]: propValue,
-              }),
-            })}
-          </CssVarsProvider>
-        ) : (
-          React.cloneElement(children, {
+        <CssVarsProvider theme={props.theme}>
+          {React.cloneElement(children, {
             ...(control && {
               [control.prop]: propValue,
             }),
-          })
-        )}
+          })}
+        </CssVarsProvider>
       </Box>
       <Typography fontWeight="semiBold" variant="body2">
         {name}