From bb5d3948edead11ec5bd4be25b5108452c087a43 Mon Sep 17 00:00:00 2001
From: Alex Morgan <59708992+chhotii-alex@users.noreply.github.com>
Date: Wed, 5 Jul 2023 10:12:59 -0400
Subject: [PATCH] docs: matches hint with existing structure and solution
 (#8915)

---
 documentation/tutorial/10-transitions/09-key-blocks/text.md | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/documentation/tutorial/10-transitions/09-key-blocks/text.md b/documentation/tutorial/10-transitions/09-key-blocks/text.md
index 7a2e6eaca774..d0d9163d0dde 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}
 ```