diff --git a/site/content/tutorial/12-actions/01-actions/app-a/pannable.js b/site/content/tutorial/12-actions/01-actions/app-a/click_outside.js
similarity index 100%
rename from site/content/tutorial/12-actions/01-actions/app-a/pannable.js
rename to site/content/tutorial/12-actions/01-actions/app-a/click_outside.js
diff --git a/site/content/tutorial/12-actions/01-actions/app-b/App.svelte b/site/content/tutorial/12-actions/01-actions/app-b/App.svelte
index 7c4eb3e2e8..4b1660c97a 100644
--- a/site/content/tutorial/12-actions/01-actions/app-b/App.svelte
+++ b/site/content/tutorial/12-actions/01-actions/app-b/App.svelte
@@ -1,5 +1,5 @@
 <script>
-	import { clickOutside } from "./pannable.js";
+	import { clickOutside } from "./click_outside.js";
 
 	let showModal = true;
 
diff --git a/site/content/tutorial/12-actions/01-actions/app-b/pannable.js b/site/content/tutorial/12-actions/01-actions/app-b/click_outside.js
similarity index 100%
rename from site/content/tutorial/12-actions/01-actions/app-b/pannable.js
rename to site/content/tutorial/12-actions/01-actions/app-b/click_outside.js
diff --git a/site/content/tutorial/12-actions/01-actions/text.md b/site/content/tutorial/12-actions/01-actions/text.md
index d22ad74d54..0cbbb40a81 100644
--- a/site/content/tutorial/12-actions/01-actions/text.md
+++ b/site/content/tutorial/12-actions/01-actions/text.md
@@ -12,7 +12,7 @@ Actions are essentially element-level lifecycle functions. They're useful for th
 In this app, we want to make the orange modal close when the user clicks outside it. It has an event handler for the `outclick` event, but it isn't a native DOM event. We have to dispatch it ourselves. First, import the `clickOutside` function...
 
 ```js
-import { clickOutside } from "./pannable.js";
+import { clickOutside } from "./click_outside.js";
 ```
 
 ...then use it with the element: