diff --git a/docs/.vitepress/vitepress/styles/css-vars.scss b/docs/.vitepress/vitepress/styles/css-vars.scss
index 67bbe9c926..c1e8f2e98a 100644
--- a/docs/.vitepress/vitepress/styles/css-vars.scss
+++ b/docs/.vitepress/vitepress/styles/css-vars.scss
@@ -59,7 +59,8 @@
 
   --nav-z-index: 12;
   --sub-nav-z-index: 11;
-  --sidebar-z-index: 40;
+  --sidebar-z-index: 11;
+  --sidebar-z-index-mobile: 31;
   --overlay-z-index: 30;
   // --dropdown-z-index: 22;
 
diff --git a/docs/.vitepress/vitepress/styles/sidebar.scss b/docs/.vitepress/vitepress/styles/sidebar.scss
index 46a6341655..917accedfa 100644
--- a/docs/.vitepress/vitepress/styles/sidebar.scss
+++ b/docs/.vitepress/vitepress/styles/sidebar.scss
@@ -37,6 +37,7 @@
 
   @media (max-width: 767px) {
     width: calc(var(--vp-sidebar-width-mobile) - 14px);
+    z-index: var(--sidebar-z-index-mobile);
   }
 
   @include respond-to('md') {