diff --git a/site/content/tutorial/07-lifecycle/04-tick/app-a/App.svelte b/site/content/tutorial/07-lifecycle/04-tick/app-a/App.svelte
index 3386ff93df..ff3482fb56 100644
--- a/site/content/tutorial/07-lifecycle/04-tick/app-a/App.svelte
+++ b/site/content/tutorial/07-lifecycle/04-tick/app-a/App.svelte
@@ -4,8 +4,6 @@
 	async function handleKeydown(event) {
 		if (event.which !== 9) return;
 
-		event.preventDefault();
-
 		const { selectionStart, selectionEnd, value } = this;
 		const selection = value.slice(selectionStart, selectionEnd);
 
@@ -32,4 +30,4 @@
 	}
 </style>
 
-<textarea value={text} on:keydown={handleKeydown}></textarea>
\ No newline at end of file
+<textarea value={text} on:keydown|preventDefault={handleKeydown}></textarea>
diff --git a/site/content/tutorial/07-lifecycle/04-tick/app-b/App.svelte b/site/content/tutorial/07-lifecycle/04-tick/app-b/App.svelte
index c9cb6de420..0840487ce1 100644
--- a/site/content/tutorial/07-lifecycle/04-tick/app-b/App.svelte
+++ b/site/content/tutorial/07-lifecycle/04-tick/app-b/App.svelte
@@ -6,8 +6,6 @@
 	async function handleKeydown(event) {
 		if (event.which !== 9) return;
 
-		event.preventDefault();
-
 		const { selectionStart, selectionEnd, value } = this;
 		const selection = value.slice(selectionStart, selectionEnd);
 
@@ -34,4 +32,4 @@
 	}
 </style>
 
-<textarea value={text} on:keydown={handleKeydown}></textarea>
\ No newline at end of file
+<textarea value={text} on:keydown|preventDefault={handleKeydown}></textarea>