diff --git a/package.json b/package.json
index 61a359e..d379bd9 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@oakstudios/mechanical-ragger",
-  "version": "0.4.1",
+  "version": "0.5",
   "description": "A layout tool that automatically rags long text by line",
   "type": "module",
   "main": "./index.js",
diff --git a/src/web-component.ts b/src/web-component.ts
index d3b6879..2e0ffa7 100644
--- a/src/web-component.ts
+++ b/src/web-component.ts
@@ -40,12 +40,12 @@ export class MechanicalRaggerWC extends HTMLElement {
   constructor() {
     super();
 
-    const shadow = this.attachShadow({ mode: "closed" });
+    const shadow = this.attachShadow({ mode: "open" });
 
     this.exclusion = shadow.appendChild(document.createElement("div"));
 
     this.textRoot = shadow.appendChild(document.createElement("div"));
-    this.textRoot.innerHTML = this.innerHTML;
+    this.textRoot.innerHTML += `<slot></slot>`;
   }
 
   exclusion: HTMLDivElement;