diff --git a/packages/builder/src/components/userInterface/ComponentNavigationTree/index.svelte b/packages/builder/src/components/userInterface/ComponentNavigationTree/index.svelte
index d1ed4b687e..9528b2844c 100644
--- a/packages/builder/src/components/userInterface/ComponentNavigationTree/index.svelte
+++ b/packages/builder/src/components/userInterface/ComponentNavigationTree/index.svelte
@@ -1,11 +1,12 @@
 <script>
-  import { goto } from "@sveltech/routify"
   import { store } from "builderStore"
   import PathTree from "./PathTree.svelte"
+
+  $: paths = Object.keys($store.routes || {}).sort()
 </script>
 
 <div class="root">
-  {#each Object.keys($store.routes || {}) as path}
+  {#each paths as path}
     <PathTree {path} route={$store.routes[path]} />
   {/each}
 </div>