diff --git a/src/lib/components/Navigation.svelte b/src/lib/components/Navigation.svelte
index b9590b78..fa735681 100644
--- a/src/lib/components/Navigation.svelte
+++ b/src/lib/components/Navigation.svelte
@@ -2,11 +2,10 @@
   import {serialPort, syncing} from "$lib/serial/connection.js"
   import {browser} from "$app/environment"
   import {base} from "$app/paths"
-  import {slide} from "svelte/transition"
 </script>
 
 <nav>
-  <a href="/" class="title">dot i/o</a>
+  <a href={base} class="title">dot i/o</a>
 
   <div class="steps">
     <a href={base} title="CPM - characters per minute" class="icon train cpm">music_note</a>
diff --git a/src/lib/components/StickCap.svelte b/src/lib/components/StickCap.svelte
deleted file mode 100644
index d6feb67a..00000000
--- a/src/lib/components/StickCap.svelte
+++ /dev/null
@@ -1,5 +0,0 @@
-<svg>
-  <defs />
-
-  <circle cx="16" cy="16" r="16" color="black" />
-</svg>
diff --git a/src/routes/+page.js b/src/routes/+page.js
index f0fc0a4f..fd40daba 100644
--- a/src/routes/+page.js
+++ b/src/routes/+page.js
@@ -3,5 +3,5 @@ import {base} from "$app/paths"
 
 /** @type {import("./$types").PageLoad} */
 export function load() {
-  throw redirect(307, `${base}/config`)
+  throw redirect(307, `${base}/config/`)
 }
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 51d4bfb4..5d639767 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,6 +1,4 @@
 <script>
-  import {chords, serialPort} from "$lib/serial/connection.js"
-  import keySymbols from "$lib/assets/key-symbols.json"
 </script>
 
 <svelte:head>
diff --git a/src/routes/config/+layout.svelte b/src/routes/config/+layout.svelte
index 37652212..54be0e35 100644
--- a/src/routes/config/+layout.svelte
+++ b/src/routes/config/+layout.svelte
@@ -4,14 +4,14 @@
 </script>
 
 <nav>
-  <a href="{base}/config/chords" class:active={$page.url.pathname.endsWith("chords/")}>
+  <a href="{base}/config/chords/" class:active={$page.url.pathname.endsWith("chords/")}>
     <span class="icon">piano</span>Chords
   </a>
-  <a href="{base}/config/layout" class:active={$page.url.pathname.endsWith("layout/")}>
+  <a href="{base}/config/layout/" class:active={$page.url.pathname.endsWith("layout/")}>
     <span class="icon">keyboard</span>
     Layout
   </a>
-  <a href="{base}/config/settings" class:active={$page.url.pathname.endsWith("settings/")}>
+  <a href="{base}/config/settings/" class:active={$page.url.pathname.endsWith("settings/")}>
     <span class="icon">settings</span>
     Settings
   </a>
diff --git a/src/routes/config/+page.js b/src/routes/config/+page.js
index 91f785a6..edc9df0e 100644
--- a/src/routes/config/+page.js
+++ b/src/routes/config/+page.js
@@ -3,5 +3,5 @@ import {base} from "$app/paths"
 
 /** @type {import("./$types").PageLoad} */
 export function load() {
-  throw redirect(307, `${base}/config/chords`)
+  throw redirect(307, `${base}/config/chords/`)
 }