diff --git a/site/content/examples/13-actions/00-actions/App.svelte b/site/content/examples/13-actions/00-actions/App.svelte
index 6b1cd7a55b..72740cf796 100644
--- a/site/content/examples/13-actions/00-actions/App.svelte
+++ b/site/content/examples/13-actions/00-actions/App.svelte
@@ -8,6 +8,13 @@
 	}
 </script>
 
+<button on:click={() => (showModal = true)}>Show Modal</button>
+{#if showModal}
+	<div class="box" use:clickOutside on:outclick={handleOutclick}>
+		Click outside me!
+	</div>
+{/if}
+
 <style>
 	.box {
 		--width: 100px;
@@ -23,11 +30,4 @@
 		text-align: center;
 		font-weight: bold;
 	}
-</style>
-
-<button on:click={() => (showModal = true)}>Show Modal</button>
-{#if showModal}
-	<div class="box" use:clickOutside on:outclick={handleOutclick}>
-		Click outside me!
-	</div>
-{/if}
\ No newline at end of file
+</style>
\ No newline at end of file