diff --git a/docs/.vitepress/vitepress/styles/sidebar.scss b/docs/.vitepress/vitepress/styles/sidebar.scss
index dba924bf8d..10f627826f 100644
--- a/docs/.vitepress/vitepress/styles/sidebar.scss
+++ b/docs/.vitepress/vitepress/styles/sidebar.scss
@@ -50,18 +50,16 @@
 
   @include respond-to('xxl') {
     // 6px stands for 3px sidebar scrollbar width + 3 content scrollbar width
-    padding: 48px 48px 96px calc((100% - var(--vp-screen-max-width)) / 2);
+    padding: 48px 64px 96px calc((100% - var(--vp-screen-max-width)) / 2);
 
     width: calc(
-      (100% - var(--vp-screen-max-width) - 32px) / 2 +
-        var(--vp-sidebar-width-small) - $scrollbar-size
+      (100% - var(--vp-screen-max-width)) / 2 + var(--vp-sidebar-width-small) -
+        $scrollbar-size
     );
   }
 
   @include respond-to('max') {
-    width: calc(
-      (100% - var(--vp-screen-max-width) + 48px) / 2 +
-        var(--vp-sidebar-width-small) - $scrollbar-size
-    );
+    padding: 48px calc(48px - $scrollbar-size) 96px
+      calc((100% - var(--vp-screen-max-width)) / 2 - 18px);
   }
 }