diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 9d744fb..057f884 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -8,9 +8,10 @@
 	import { onMount, onDestroy } from 'svelte';
 
 	let { data, children } = $props();
-	let sidebarOpen = $state(true);
+	let sidebarOpen = $state(false);
 
 	onMount(() => {
+		sidebarOpen = window.matchMedia('(min-width: 1024px)').matches;
 		loadNotes();
 		startSync();
 	});