diff --git a/e2e/specs/people.spec.ts b/e2e/specs/people.spec.ts
index 3cfcdfe5..7c6c978b 100644
--- a/e2e/specs/people.spec.ts
+++ b/e2e/specs/people.spec.ts
@@ -729,7 +729,7 @@ test("US-131 say where you are and find members on a map", async ({seed, as}) =>
 
   await expect(pins).toHaveCount(1)
 
-  await page.getByRole("button", {name: "List"}).click()
+  await showMap.click()
 
   await expect(pins).toHaveCount(0)
 
diff --git a/src/routes/spaces/[relay]/directory/+page.svelte b/src/routes/spaces/[relay]/directory/+page.svelte
index 46e764d6..2681924d 100644
--- a/src/routes/spaces/[relay]/directory/+page.svelte
+++ b/src/routes/spaces/[relay]/directory/+page.svelte
@@ -125,9 +125,12 @@
         type="text"
         placeholder="Search people or roles..." />
     </label>
-    <Button class="button button-neutral shrink-0" onclick={toggleMap}>
-      <Icon size={4} icon={showMap ? UsersGroup : MapIcon} />
-      {showMap ? "List" : "Map"}
+    <Button
+      class="button button-input shrink-0 {showMap ? 'button-primary' : 'button-neutral'}"
+      aria-pressed={showMap}
+      onclick={toggleMap}>
+      <Icon size={4} icon={MapIcon} />
+      Map
     </Button>
   </div>
   {#if showMap && visiblePins.length > 0}