diff --git a/site/content/tutorial/16-special-elements/06-svelte-document/text.md b/site/content/tutorial/16-special-elements/06-svelte-document/text.md
index b40c83a6f2..0f0a7e4ff1 100644
--- a/site/content/tutorial/16-special-elements/06-svelte-document/text.md
+++ b/site/content/tutorial/16-special-elements/06-svelte-document/text.md
@@ -6,8 +6,8 @@ Similar to `<svelte:window>`, the `<svelte:document>` element allows you to list
 
 Add the `selectionchange` handler to the `<svelte:document>` tag:
 
-```html
+```svelte
 <svelte:document on:selectionchange={handleSelectionChange} />
 ```
 
-> Avoid `mouseenter` and `mouseleave` handlers on this element, these events are not fired on `document` in all browsers. Use `<svelte:body>` for this instead. 
+> Avoid `mouseenter` and `mouseleave` handlers on this element, these events are not fired on `document` in all browsers. Use `<svelte:body>` for this instead.
diff --git a/site/content/tutorial/16-special-elements/07-svelte-body/text.md b/site/content/tutorial/16-special-elements/07-svelte-body/text.md
index 4755281d61..fd9f497c13 100644
--- a/site/content/tutorial/16-special-elements/07-svelte-body/text.md
+++ b/site/content/tutorial/16-special-elements/07-svelte-body/text.md
@@ -6,9 +6,9 @@ Similar to `<svelte:window>` and `<svelte:document>`, the `<svelte:body>` elemen
 
 Add the `mouseenter` and `mouseleave` handlers to the `<svelte:body>` tag:
 
-```html
+```svelte
 <svelte:body
 	on:mouseenter={handleMouseenter}
 	on:mouseleave={handleMouseleave}
 />
-```
\ No newline at end of file
+```