diff --git a/apps/svelte.dev/src/routes/blog/[slug]/+page.svelte b/apps/svelte.dev/src/routes/blog/[slug]/+page.svelte
index 9a8c06098..17878cb00 100644
--- a/apps/svelte.dev/src/routes/blog/[slug]/+page.svelte
+++ b/apps/svelte.dev/src/routes/blog/[slug]/+page.svelte
@@ -1,12 +1,11 @@
 <script lang="ts">
 	import { page } from '$app/stores';
 	import { copy_code_descendants, ts_js_select } from '@sveltejs/site-kit/actions';
+	import { Text } from '@sveltejs/site-kit/components';
 	import { setupDocsHovers } from '@sveltejs/site-kit/docs';
 
 	let { data } = $props();
 
-	let content = $state() as HTMLElement;
-
 	setupDocsHovers();
 </script>
 
@@ -39,9 +38,9 @@
 			<time datetime={data.date}>{data.date_formatted}</time>
 		</p>
 
-		<div class="content" bind:this={content}>
+		<Text>
 			{@html data.body}
-		</div>
+		</Text>
 	</article>
 </div>
 
diff --git a/apps/svelte.dev/src/routes/tutorial/[slug]/Sidebar.svelte b/apps/svelte.dev/src/routes/tutorial/[slug]/Sidebar.svelte
index 8e39d6b85..f2dd23f4f 100644
--- a/apps/svelte.dev/src/routes/tutorial/[slug]/Sidebar.svelte
+++ b/apps/svelte.dev/src/routes/tutorial/[slug]/Sidebar.svelte
@@ -2,6 +2,7 @@
 	import { createEventDispatcher } from 'svelte';
 	import Modal from '$lib/components/Modal.svelte';
 	import Menu from './Menu.svelte';
+	import { Text } from '@sveltejs/site-kit/components';
 
 	/** @type {import('$lib/tutorial').PartStub[]} */
 	export let index;
@@ -62,7 +63,9 @@
 				}
 			}}
 		>
-			{@html exercise.html}
+			<Text>
+				{@html exercise.html}
+			</Text>
 		</div>
 
 		{#if exercise.next}