From 240d54831e277dec18d5e1fa3207ccf25b441185 Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Sun, 29 Sep 2024 20:01:50 -0400
Subject: [PATCH 1/2] fix some blog post styles

---
 apps/svelte.dev/src/routes/blog/[slug]/+page.svelte | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/apps/svelte.dev/src/routes/blog/[slug]/+page.svelte b/apps/svelte.dev/src/routes/blog/[slug]/+page.svelte
index 9a8c060983..17878cb000 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>
 

From 0f048ec8ab988fe8740a26cff8ec3217e4f16e19 Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Sun, 29 Sep 2024 20:07:53 -0400
Subject: [PATCH 2/2] tutorial as well

---
 apps/svelte.dev/src/routes/tutorial/[slug]/Sidebar.svelte | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/apps/svelte.dev/src/routes/tutorial/[slug]/Sidebar.svelte b/apps/svelte.dev/src/routes/tutorial/[slug]/Sidebar.svelte
index 8e39d6b854..f2dd23f4f2 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}