From b67442143466b14db176ba192a8f4620b90a294c Mon Sep 17 00:00:00 2001
From: Nayan Gautam <50981692+698969@users.noreply.github.com>
Date: Sat, 27 Nov 2021 16:58:01 +0545
Subject: [PATCH] Fix order of style tag in new example

---
 .../examples/13-actions/00-actions/App.svelte    | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

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