diff --git a/site/content/examples/14-composition/04-modal/App.svelte b/site/content/examples/14-composition/04-modal/App.svelte
index ac9d441f52..cfd3856447 100644
--- a/site/content/examples/14-composition/04-modal/App.svelte
+++ b/site/content/examples/14-composition/04-modal/App.svelte
@@ -1,9 +1,13 @@
 <script>
 	import Modal from './Modal.svelte';
 
-	let showModal = true;
+	let showModal = false;
 </script>
 
+<button on:click="{() => showModal = true}">
+	show modal
+</button>
+
 {#if showModal}
 	<Modal on:close="{() => showModal = false}">
 		<h2 slot="header">
@@ -22,8 +26,4 @@
 
 		<a href="https://www.merriam-webster.com/dictionary/modal">merriam-webster.com</a>
 	</Modal>
-{:else}
-	<button on:click="{() => showModal = true}">
-		show modal
-	</button>
-{/if}
\ No newline at end of file
+{/if}