diff --git a/README.md b/README.md
index 82f1903..2146cce 100644
--- a/README.md
+++ b/README.md
@@ -12,10 +12,10 @@ In your Svelte files:
 	import { Container, Heading, ProjectBadge } from '@lutris/saline-components';
 </script>
 
-<LutrisTheme />
-
-<Container>
-	<Heading level={1}>My Page</Heading>
-	<ProjectBadge code="FBOX" name="Fleetbox" />
-</Container>
+<LutrisTheme>
+	<Container>
+		<Heading level={1}>My Page</Heading>
+		<ProjectBadge code="FBOX" name="Fleetbox" />
+	</Container>
+</LutrisTheme>
 ```
diff --git a/package.json b/package.json
index 1adf39e..36d4fbf 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "@lutris/saline-components",
-	"version": "0.0.9",
+	"version": "0.0.10",
 	"license": "ISC",
 	"homepage": "https://github.com/lutriseng/saline-components",
 	"author": "Piper McCorkle <piper@lutris.engineering>",
diff --git a/src/lib/themes/LutrisTheme.svelte b/src/lib/themes/LutrisTheme.svelte
index 543b4fe..9310f4c 100644
--- a/src/lib/themes/LutrisTheme.svelte
+++ b/src/lib/themes/LutrisTheme.svelte
@@ -7,3 +7,5 @@
 	import '@fontsource/overpass-mono/variable.css';
 	import './lutris.css';
 </script>
+
+<slot />
diff --git a/src/routes/example.ts b/src/routes/example.ts
index eb4b901..aaa2577 100644
--- a/src/routes/example.ts
+++ b/src/routes/example.ts
@@ -5,9 +5,9 @@ export default `<script lang="ts">
     import { Container, Heading, ProjectBadge } from '@lutris/saline-components';
 </script>
 
-<LutrisTheme />
-
-<Container>
-    <Heading level={1}>My Page</Heading>
-    <ProjectBadge code="FBOX" name="Fleetbox" />
-</Container>`;
+<LutrisTheme>
+    <Container>
+        <Heading level={1}>My Page</Heading>
+        <ProjectBadge code="FBOX" name="Fleetbox" />
+    </Container>
+</LutrisTheme>`;