diff --git a/src/routes/(app)/notes/[id]/+page.svelte b/src/routes/(app)/notes/[id]/+page.svelte
index 1a25b88..161f1a1 100644
--- a/src/routes/(app)/notes/[id]/+page.svelte
+++ b/src/routes/(app)/notes/[id]/+page.svelte
@@ -11,7 +11,7 @@
 	import TagInput from '../TagInput.svelte';
 
 	const noteService = getNoteService();
-	const noteId = $derived($page.params.id);
+	const noteId = $derived($page.params.id!);
 	const note = $derived(noteService.getNoteById(noteId));
 
 	let showTagDialog = $state(false);
@@ -35,7 +35,7 @@
 {#if note}
 	<div class="h-screen flex flex-col">
 		<!-- Top App Bar -->
-		<div class="border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
+		<div class="border-b bg-background/95 backdrop-blur supports-backdrop-filter:bg-background/60">
 			<div class="container mx-auto px-4 py-3">
 				<div class="flex items-center justify-between">
 					<div class="flex items-center gap-2">
@@ -87,7 +87,7 @@
 
 		<!-- Editor -->
 		<div class="flex-1 overflow-hidden">
-			<NoteEditor {noteId} />
+			<NoteEditor {noteId} {noteService} />
 		</div>
 	</div>