diff --git a/apps/svelte.dev/content/tutorial/01-svelte/09-transitions/04-custom-css-transitions/index.md b/apps/svelte.dev/content/tutorial/01-svelte/09-transitions/04-custom-css-transitions/index.md
index 979360d582..5c1284a14d 100644
--- a/apps/svelte.dev/content/tutorial/01-svelte/09-transitions/04-custom-css-transitions/index.md
+++ b/apps/svelte.dev/content/tutorial/01-svelte/09-transitions/04-custom-css-transitions/index.md
@@ -48,7 +48,7 @@ We can get a lot more creative though. Let's make something truly gratuitous:
 	import { fade } from 'svelte/transition';
 	+++import { elasticOut } from 'svelte/easing';+++
 
-	let visible = true;
+	let visible = $state(true);
 
 	function spin(node, { duration }) {
 		return {