diff --git a/src/app/components/PrimaryNavItemSpace.svelte b/src/app/components/PrimaryNavItemSpace.svelte
index d1ef13b4..75e0851c 100644
--- a/src/app/components/PrimaryNavItemSpace.svelte
+++ b/src/app/components/PrimaryNavItemSpace.svelte
@@ -13,13 +13,16 @@
 
   const onClick = () => goToSpace(url)
 
+  const path = makeSpacePath(url)
+
   const display = $derived(deriveRelayDisplay(url))
 </script>
 
 <PrimaryNavItem
+  href={path}
   onclick={onClick}
   title={$display}
   class="tooltip-right"
-  notification={$notifications.has(makeSpacePath(url))}>
+  notification={$notifications.has(path)}>
   <RelayIcon {url} size={10} class="rounded-full" />
 </PrimaryNavItem>
diff --git a/src/lib/components/PrimaryNavItem.svelte b/src/lib/components/PrimaryNavItem.svelte
index ef17c631..e77dbe78 100644
--- a/src/lib/components/PrimaryNavItem.svelte
+++ b/src/lib/components/PrimaryNavItem.svelte
@@ -25,6 +25,7 @@
     cx(
       "flex h-full w-full cursor-pointer items-center justify-center rounded-full transition-colors hover:bg-base-300",
       restProps.class,
+      {"bg-base-300 border border-solid border-base-content/20": active},
     ),
   )
 </script>