diff --git a/PullStyles.js b/AdoptStyles.js
similarity index 100%
rename from PullStyles.js
rename to AdoptStyles.js
diff --git a/index.html b/index.html
index 55cd2e3..3e42312 100644
--- a/index.html
+++ b/index.html
@@ -1,3 +1,8 @@
+<script type="module">
+	import AdoptStyles from "/AdoptStyles.js"
+	customElements.define("adopt-styles", AdoptStyles)
+</script>
+
 <style>
 	.inline { color: red }
 	@layer foo {
@@ -7,14 +12,9 @@
 
 <link rel="stylesheet" href="/linked.css">
 
-<script type="module">
-	import PullStyles from "/PullStyles.js"
-	customElements.define("pull-styles", PullStyles)
-</script>
-
 <my-component>
 	<template shadowrootmode="open">
-		<pull-styles adopt="all"></pull-styles>
+		<adopt-styles adopt="all"></adopt-styles>
 		<p class="inline">Inline</p>
 		<p class="linked">Linked</p>
 	</template>