diff --git a/packages/docusaurus-theme-classic/src/theme/Layout/index.js b/packages/docusaurus-theme-classic/src/theme/Layout/index.js
index 63011437f1..a73d95b592 100644
--- a/packages/docusaurus-theme-classic/src/theme/Layout/index.js
+++ b/packages/docusaurus-theme-classic/src/theme/Layout/index.js
@@ -59,7 +59,7 @@ function Layout(props) {
         <meta name="twitter:card" content="summary" />
       </Head>
       <Navbar />
-      <main className="main">{children}</main>
+      <div className="main-wrapper">{children}</div>
       {!noFooter && <Footer />}
     </>
   );
diff --git a/packages/docusaurus-theme-classic/src/theme/Layout/styles.css b/packages/docusaurus-theme-classic/src/theme/Layout/styles.css
index a618a2baf6..71e65f8b2c 100644
--- a/packages/docusaurus-theme-classic/src/theme/Layout/styles.css
+++ b/packages/docusaurus-theme-classic/src/theme/Layout/styles.css
@@ -22,6 +22,6 @@ body > div {
   flex-direction: column;
 }
 
-.main {
+.main-wrapper {
   flex: 1 0 auto;
 }