diff --git a/src/lib/Portal.svelte b/src/lib/Portal.svelte
new file mode 100644
index 0000000..efe935a
--- /dev/null
+++ b/src/lib/Portal.svelte
@@ -0,0 +1,29 @@
+<script>
+	function portal(node) {
+		let target;
+
+		function update() {
+			target = document.querySelector('body');
+			target.appendChild(node);
+			node.hidden = false;
+		}
+
+		function destroy() {
+			if (node.parentNode) {
+				// Child will tell the parent to remove itself
+				node.parentNode.removeChild(node);
+			}
+		}
+
+		update();
+
+		return {
+			update,
+			destroy
+		};
+	}
+</script>
+
+<div use:portal hidden>
+	<slot />
+</div>
diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index 6286893..1f2f066 100644
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -2,6 +2,7 @@
 	import SearchFilter from '$lib/SearchFilter.svelte';
 	import Field from '$lib/Field.svelte';
 	import Markdown from '$lib/Markdown.svelte';
+	import Portal from '$lib/Portal.svelte';
 	// import BetterAccordion from '$lib/BetterAccordion.svelte';
 	// import Toggle from '$lib/Toggle.svelte';
 	let isToggled = false;
@@ -14,7 +15,9 @@
 
 <h1>Welcome to Level Up UI {search}</h1>
 
-<Markdown bind:text />
+<Portal>
+	<Markdown bind:text />
+</Portal>
 
 <Field bind:value={search} label="Search" insrustions="Type to search" placeholder="Joe" />