diff --git a/src/client/theme-default/composables/inert.ts b/src/client/theme-default/composables/inert.ts
index 46ad9680..a41583d8 100644
--- a/src/client/theme-default/composables/inert.ts
+++ b/src/client/theme-default/composables/inert.ts
@@ -3,7 +3,7 @@ import { computed, reactive } from 'vue'
 export const inertControls = reactive({
   isSidebarOpen: false,
   isScreenOpen: false,
-  isSidebarVisible: true
+  isSidebarVisible: false
 })
 
 export const inertState = reactive({
diff --git a/src/client/theme-default/composables/sidebar.ts b/src/client/theme-default/composables/sidebar.ts
index 44abb2ad..9ab0aa70 100644
--- a/src/client/theme-default/composables/sidebar.ts
+++ b/src/client/theme-default/composables/sidebar.ts
@@ -83,7 +83,8 @@ export function useSidebar() {
         inertControls.isSidebarOpen = false
         inertControls.isSidebarVisible = sb && mq
       }
-    }
+    },
+    { immediate: true }
   )
 
   const sidebarGroups = computed(() => {