diff --git a/docs/.vitepress/vitepress/components/vp-doc-content.vue b/docs/.vitepress/vitepress/components/vp-doc-content.vue
index 938509a773..23c407fd34 100644
--- a/docs/.vitepress/vitepress/components/vp-doc-content.vue
+++ b/docs/.vitepress/vitepress/components/vp-doc-content.vue
@@ -1,14 +1,20 @@
 <script lang="ts" setup>
+import { computed } from 'vue'
 import { useData } from 'vitepress'
 import VPPageFooter from './doc-content/vp-page-footer.vue'
 import VPPageNav from './doc-content/vp-page-nav.vue'
 import VPTableOfContent from './doc-content/vp-table-of-content.vue'
 
 const { page } = useData()
+
+const isGuide = computed(() => page.value.filePath?.includes('/guide/'))
 </script>
 
 <template>
-  <div class="doc-content-wrapper">
+  <div
+    class="doc-content-wrapper"
+    :class="isGuide ? 'doc-guide-content' : undefined"
+  >
     <div class="doc-content-container">
       <Content class="doc-content" />
       <VPPageFooter />
diff --git a/docs/.vitepress/vitepress/styles/content/doc-content.scss b/docs/.vitepress/vitepress/styles/content/doc-content.scss
index 06c435301b..0afa98267a 100644
--- a/docs/.vitepress/vitepress/styles/content/doc-content.scss
+++ b/docs/.vitepress/vitepress/styles/content/doc-content.scss
@@ -1,6 +1,13 @@
 @use '../mixins' as *;
 @use './table-of-content';
 
+.doc-guide-content {
+  .toc-wrapper .toc-content {
+    height: auto;
+    min-height: calc(100vh - var(--header-height) - 480px);
+  }
+}
+
 .doc-content-wrapper {
   --vp-content-width: 800px;