diff --git a/docs/src/modules/components/AppFrame.js b/docs/src/modules/components/AppFrame.js
index 6801da1748fa76..1e5fe96ec4c3c4 100644
--- a/docs/src/modules/components/AppFrame.js
+++ b/docs/src/modules/components/AppFrame.js
@@ -85,6 +85,9 @@ const styles = (theme) => ({
   },
   root: {
     display: 'flex',
+    ...(theme.palette.mode === 'dark' && {
+      backgroundColor: theme.palette.grey[900],
+    }),
   },
   grow: {
     flex: '1 1 auto',
diff --git a/docs/src/modules/components/ThemeContext.js b/docs/src/modules/components/ThemeContext.js
index ae4c4da3465b49..aff5ecb0145f6c 100644
--- a/docs/src/modules/components/ThemeContext.js
+++ b/docs/src/modules/components/ThemeContext.js
@@ -224,10 +224,6 @@ export function ThemeProvider(props) {
       languageMap[userLanguage],
     );
 
-    if (paletteMode === 'dark') {
-      nextTheme.palette.background.default = '#222';
-    }
-
     return nextTheme;
   }, [dense, direction, paletteColors, paletteMode, spacing, userLanguage]);