diff --git a/docs/guide/load-when-visible.md b/docs/guide/load-when-visible.md
index b00125f..493adaa 100644
--- a/docs/guide/load-when-visible.md
+++ b/docs/guide/load-when-visible.md
@@ -202,6 +202,7 @@ export default () => (
     <!-- ... -->
   {/each}
 </WhenVisible>
+```
 
 == Svelte 5
 
@@ -223,6 +224,8 @@ export default () => (
 </WhenVisible>
 ```
 
+:::
+
 In the above example, the data will start loading 500 pixels before the element is visible.
 
 By default, the `WhenVisible` component wraps the fallback template in a `div` element so it can ensure the element is visible in the viewport. If you want to customize the wrapper element, you can provide the `as` prop.