diff --git a/src/client/theme-default/components/VPLocalNavOutlineDropdown.vue b/src/client/theme-default/components/VPLocalNavOutlineDropdown.vue
index 9971ec16021f..8199296a2597 100644
--- a/src/client/theme-default/components/VPLocalNavOutlineDropdown.vue
+++ b/src/client/theme-default/components/VPLocalNavOutlineDropdown.vue
@@ -5,6 +5,7 @@ import { nextTick, ref, watch } from 'vue'
 import { useData } from '../composables/data'
 import { resolveTitle, type MenuItem } from '../composables/outline'
 import VPDocOutlineItem from './VPDocOutlineItem.vue'
+import { useSidebar } from '../composables/sidebar'
 
 const props = defineProps<{
   headers: MenuItem[]
@@ -16,6 +17,7 @@ const open = ref(false)
 const vh = ref(0)
 const main = ref<HTMLDivElement>()
 const items = ref<HTMLDivElement>()
+const { hasSidebar } = useSidebar()
 
 function closeOnClickOutside(e: Event) {
   if (!main.value?.contains(e.target as Node)) {
@@ -67,6 +69,9 @@ function scrollToTop() {
     class="VPLocalNavOutlineDropdown"
     :style="{ '--vp-vh': vh + 'px' }"
     ref="main"
+    :class="{
+      'has-sidebar': hasSidebar,
+    }"
   >
     <button @click="toggle" :class="{ open }" v-if="headers.length > 0">
       <span class="menu-text">{{ resolveTitle(theme) }}</span>
@@ -165,6 +170,9 @@ function scrollToTop() {
     left: calc(var(--vp-sidebar-width) + 32px);
     width: 320px;
   }
+  .VPLocalNavOutlineDropdown:not(.has-sidebar) .items {
+    left:32px;
+  }
 }
 
 .header {