diff --git a/packages/docusaurus-theme-classic/src/theme/Layout/styles.module.css b/packages/docusaurus-theme-classic/src/theme/Layout/styles.module.css
index 162cbd125744..774928e3cbbe 100644
--- a/packages/docusaurus-theme-classic/src/theme/Layout/styles.module.css
+++ b/packages/docusaurus-theme-classic/src/theme/Layout/styles.module.css
@@ -26,3 +26,9 @@ body {
display: flex;
flex-direction: column;
}
+
+:global(#__docusaurus-app) {
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+}
diff --git a/packages/docusaurus/src/client/App.tsx b/packages/docusaurus/src/client/App.tsx
index 3a93ec6524a8..0e8ddc4b4650 100644
--- a/packages/docusaurus/src/client/App.tsx
+++ b/packages/docusaurus/src/client/App.tsx
@@ -29,20 +29,22 @@ export default function App(): JSX.Element {
const routeElement = renderRoutes(routes);
const location = useLocation();
return (
-
-
-
-
-
-
-
-
- {routeElement}
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+ {routeElement}
+
+
+
+
+
+
+