diff --git a/src/routes/home/+page.svelte b/src/routes/home/+page.svelte
index 2a9fbfc8..916f3a39 100644
--- a/src/routes/home/+page.svelte
+++ b/src/routes/home/+page.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import {onMount} from "svelte"
   import Home from "@assets/icons/home.svg?dataurl"
-  import Widget from "@assets/icons/widget-4.svg?dataurl"
+  import Compass from "@assets/icons/compass.svg?dataurl"
   import Icon from "@lib/components/Icon.svelte"
   import Link from "@lib/components/Link.svelte"
   import Page from "@lib/components/Page.svelte"
@@ -35,7 +35,7 @@
           Home
         </h1>
         <Link href="/spaces" class="button button-neutral button-sm">
-          <Icon icon={Widget} size={4} />
+          <Icon icon={Compass} size={4} />
           Browse spaces
         </Link>
       </div>
diff --git a/src/routes/spaces/+page.svelte b/src/routes/spaces/+page.svelte
index 4cc43cc6..c82535d4 100644
--- a/src/routes/spaces/+page.svelte
+++ b/src/routes/spaces/+page.svelte
@@ -8,7 +8,7 @@
   import {Sync, createSearch} from "@welshman/app"
   import {createScroller, isMobile} from "@lib/html"
   import {fly} from "@lib/transition"
-  import Widget from "@assets/icons/widget-4.svg?dataurl"
+  import Compass from "@assets/icons/compass.svg?dataurl"
   import AddCircle from "@assets/icons/add-circle.svg?dataurl"
   import Magnifier from "@assets/icons/magnifier.svg?dataurl"
   import Icon from "@lib/components/Icon.svelte"
@@ -117,7 +117,7 @@
   <PageBar>
     <div class="flex items-center justify-between gap-4" in:fly>
       <div class="truncate min-w-0 flex items-center gap-2 whitespace-nowrap">
-        <Icon icon={Widget} size={6} />
+        <Icon icon={Compass} size={6} />
         <strong>Spaces</strong>
       </div>
       <div class="flex items-center gap-2">