diff --git a/site/content/tutorial/10-transitions/09-key-blocks/text.md b/site/content/tutorial/10-transitions/09-key-blocks/text.md
index 05a54d592a..c634809c35 100644
--- a/site/content/tutorial/10-transitions/09-key-blocks/text.md
+++ b/site/content/tutorial/10-transitions/09-key-blocks/text.md
@@ -6,7 +6,7 @@ Key blocks destroy and recreate their contents when the value of an expression c
 
 ```html
 {#key value}
-	<div transition:fade>{value}</div>
+	<span style="display: inline-block" in:fly={{ y: -30 }}>
 {/key}
 ```