diff --git a/src/components/home/Authed.svelte b/src/components/home/Authed.svelte
index 197e6f3..40410b6 100644
--- a/src/components/home/Authed.svelte
+++ b/src/components/home/Authed.svelte
@@ -1,4 +1,6 @@
 <script lang="ts">
+  import { goto } from '$app/navigation'
+
   import { sessionStore } from '../../stores'
 </script>
 
@@ -24,8 +26,8 @@
       devices as they’d like. For recoverability, we recommend they always
       connect at least two.
     </p>
-    <a class="btn btn-primary" href="/delegate-account">
+    <button class="btn btn-primary" on:click={() => goto('/delegate-account')}>
       Connect an additional device
-    </a>
+    </button>
   </div>
 </div>
diff --git a/src/components/settings/ConnectedDevices.svelte b/src/components/settings/ConnectedDevices.svelte
index 00ed0ac..caec36c 100644
--- a/src/components/settings/ConnectedDevices.svelte
+++ b/src/components/settings/ConnectedDevices.svelte
@@ -1,4 +1,6 @@
 <script lang="ts">
+  import { goto } from '$app/navigation'
+
   import { sessionStore } from '$src/stores'
 </script>
 
@@ -9,7 +11,7 @@
   {:else}
     <p>You have no other connected devices.</p>
   {/if}
-  <a class="btn btn-outline" href="/delegate-account">
+  <button class="btn btn-outline" on:click={() => goto('/delegate-account')}>
     Connect an additional device
-  </a>
+  </button>
 </div>