diff --git a/documentation/tutorial/10-transitions/09-key-blocks/text.md b/documentation/tutorial/10-transitions/09-key-blocks/text.md
index 7a2e6eaca7..d0d9163d0d 100644
--- a/documentation/tutorial/10-transitions/09-key-blocks/text.md
+++ b/documentation/tutorial/10-transitions/09-key-blocks/text.md
@@ -5,8 +5,10 @@ title: Key blocks
 Key blocks destroy and recreate their contents when the value of an expression changes.
 
 ```svelte
-{#key value}
-	<div transition:fade>{value}</div>
+{#key number}
+  <span style="display: inline-block" in:fade>
+    {number}
+  </span>
 {/key}
 ```