diff --git a/packages/theme/src/client/components/Page.vue b/packages/theme/src/client/components/Page.vue
index dbe6c6d6..f42fdfc9 100644
--- a/packages/theme/src/client/components/Page.vue
+++ b/packages/theme/src/client/components/Page.vue
@@ -81,6 +81,8 @@ onUnmounted(() => {
       @include container_wrapper;
       @include content;
       display: flex;
+      justify-content: flex-start;
+      align-items: flex-start;
       flex: 1;
     }
 
diff --git a/packages/theme/src/node/prepared/index.ts b/packages/theme/src/node/prepared/index.ts
index a8075942..51ca2a7e 100644
--- a/packages/theme/src/node/prepared/index.ts
+++ b/packages/theme/src/node/prepared/index.ts
@@ -1,7 +1,7 @@
 import type { App } from '@vuepress/core'
 import type { PlumeThemeLocaleOptions } from '../../shared'
 import { preparedPostIndex, watchPostIndex } from './postIndex'
-import { preparedSidebarIndex } from './sidebarIndex'
+import { preparedSidebarIndex, watchSidebarIndex } from './sidebarIndex'
 
 export const onPrepared = (
   app: App,
@@ -17,4 +17,5 @@ export const preparedWatch = (
   localeOption: PlumeThemeLocaleOptions
 ): void => {
   watchPostIndex(app, watchers, localeOption)
+  watchSidebarIndex(app, watchers, localeOption)
 }