diff --git a/site/content/tutorial/04-logic/05-keyed-each-blocks/app-a/App.svelte b/site/content/tutorial/04-logic/05-keyed-each-blocks/app-a/App.svelte
index 1c4a6f081a..02315fa091 100644
--- a/site/content/tutorial/04-logic/05-keyed-each-blocks/app-a/App.svelte
+++ b/site/content/tutorial/04-logic/05-keyed-each-blocks/app-a/App.svelte
@@ -4,8 +4,8 @@
 	let things = [
 		{ id: 1, color: '#3B82F6' },
 		{ id: 2, color: '#10B981' },
-		{ id: 3, color: '#EF4444' },
-		{ id: 4, color: '#EAB308' },
+		{ id: 3, color: '#EAB308' },
+		{ id: 4, color: '#EF4444' },
 	];
 
 	function handleClick() {
diff --git a/site/content/tutorial/04-logic/05-keyed-each-blocks/app-b/App.svelte b/site/content/tutorial/04-logic/05-keyed-each-blocks/app-b/App.svelte
index 6165bc8981..3a974d33c0 100644
--- a/site/content/tutorial/04-logic/05-keyed-each-blocks/app-b/App.svelte
+++ b/site/content/tutorial/04-logic/05-keyed-each-blocks/app-b/App.svelte
@@ -4,8 +4,8 @@
 	let things = [
 		{ id: 1, color: '#3B82F6' },
 		{ id: 2, color: '#10B981' },
-		{ id: 3, color: '#EF4444' },
-		{ id: 4, color: '#EAB308' },
+		{ id: 3, color: '#EAB308' },
+		{ id: 4, color: '#EF4444' },
 	];
 
 	function handleClick() {