diff --git a/src/routes/NeedleEngine.svelte b/src/components/NeedleEngine.svelte
similarity index 90%
rename from src/routes/NeedleEngine.svelte
rename to src/components/NeedleEngine.svelte
index ef7f813..158bdc6 100644
--- a/src/routes/NeedleEngine.svelte
+++ b/src/components/NeedleEngine.svelte
@@ -2,7 +2,7 @@
     import { onMount } from "svelte";
 
     onMount(async () => {
-        await import("./../generated/gen.js");
+        await import("../generated/gen.js");
         await import("@needle-tools/engine");
     });
 </script>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 7cedd43..fb07cfb 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,5 +1,5 @@
 <script>
-    import NeedleEngine from "./NeedleEngine.svelte";
+    import NeedleEngine from "../components/NeedleEngine.svelte";
 </script>
 
 <div class="cols">
diff --git a/src/routes/regular/+page.svelte b/src/routes/regular/+page.svelte
index 5d515f4..176f2e0 100644
--- a/src/routes/regular/+page.svelte
+++ b/src/routes/regular/+page.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-    import NeedleEngine from "../NeedleEngine.svelte";
+    import NeedleEngine from "../../components/NeedleEngine.svelte";
 </script>
 
 <h1>Regular HTML page</h1>
diff --git a/src/routes/scenes/+layout.svelte b/src/routes/scenes/+layout.svelte
index 02e4b8e..57d90c6 100644
--- a/src/routes/scenes/+layout.svelte
+++ b/src/routes/scenes/+layout.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
     import { base } from "$app/paths";
     import { page } from "$app/stores";
-    import NeedleEngine from "../NeedleEngine.svelte";
+    import NeedleEngine from "../../components/NeedleEngine.svelte";
 
     export let data;