diff --git a/packages/docusaurus-theme-classic/src/theme/DocSidebar/index.js b/packages/docusaurus-theme-classic/src/theme/DocSidebar/index.js
index cf1a30153b..38d2ee9c76 100644
--- a/packages/docusaurus-theme-classic/src/theme/DocSidebar/index.js
+++ b/packages/docusaurus-theme-classic/src/theme/DocSidebar/index.js
@@ -142,7 +142,7 @@ function DocSidebar(props) {
         {title != null && <strong>{title}</strong>}
       </div>
       <div
-        className={classnames('menu', 'menu--responsive', {
+        className={classnames('menu', 'menu--responsive', styles.menu, {
           'menu--show': showResponsiveSidebar,
         })}>
         <button
diff --git a/packages/docusaurus-theme-classic/src/theme/DocSidebar/styles.module.css b/packages/docusaurus-theme-classic/src/theme/DocSidebar/styles.module.css
index da932453cc..202b3cad19 100644
--- a/packages/docusaurus-theme-classic/src/theme/DocSidebar/styles.module.css
+++ b/packages/docusaurus-theme-classic/src/theme/DocSidebar/styles.module.css
@@ -9,7 +9,6 @@
   .sidebar {
     height: 100vh;
     overflow-y: auto;
-    padding: 0.5rem;
     position: sticky;
     top: 0;
     padding-top: var(--ifm-navbar-height);
@@ -37,14 +36,19 @@
     display: flex !important;
     align-items: center;
     position: absolute;
-    top: var(--ifm-navbar-padding-horizontal);
-    padding: 0 0 0 var(--ifm-navbar-padding-vertical);
+    top: 0;
+    margin: 0 var(--ifm-navbar-padding-horizontal);
+    height: var(--ifm-navbar-height);
   }
 
   .sidebarLogo img {
     margin-right: 0.5rem;
     height: 2rem;
   }
+
+  .menu {
+    padding: 0.5rem;
+  }
 }
 
 .sidebarLogo {