diff --git a/src/app/components/ChatMenuMobile.svelte b/src/app/components/ChatMenu.svelte
similarity index 100%
rename from src/app/components/ChatMenuMobile.svelte
rename to src/app/components/ChatMenu.svelte
diff --git a/src/routes/chat/+layout.svelte b/src/routes/chat/+layout.svelte
index 96281b93..51abe3a9 100644
--- a/src/routes/chat/+layout.svelte
+++ b/src/routes/chat/+layout.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+  import type {Snippet} from "svelte"
   import {page} from "$app/stores"
   import {WRAP} from "@welshman/util"
   import {Router} from "@welshman/router"
@@ -10,18 +11,19 @@
   import SecondaryNav from "@lib/components/SecondaryNav.svelte"
   import SecondaryNavHeader from "@lib/components/SecondaryNavHeader.svelte"
   import SecondaryNavSection from "@lib/components/SecondaryNavSection.svelte"
-  import ChatStart from "@app/components/ChatStart.svelte"
+  import ChatMenu from "@app/components/ChatMenu.svelte"
   import ChatItem from "@app/components/ChatItem.svelte"
   import {chatSearch} from "@app/state"
   import {pullConservatively} from "@app/requests"
   import {pushModal} from "@app/modal"
-  interface Props {
-    children?: import("svelte").Snippet
+
+  type Props = {
+    children?: Snippet
   }
 
   const {children}: Props = $props()
 
-  const startChat = () => pushModal(ChatStart)
+  const openMenu = () => pushModal(ChatMenu)
 
   const promise = pullConservatively({
     filters: [{kinds: [WRAP], "#p": [$pubkey!]}],
@@ -37,8 +39,8 @@
   <SecondaryNavSection>
     <SecondaryNavHeader>
       Chats
-      <Button onclick={startChat}>
-        <Icon icon="add-circle" />
+      <Button onclick={openMenu}>
+        <Icon icon="menu-dots" />
       </Button>
     </SecondaryNavHeader>
   </SecondaryNavSection>
diff --git a/src/routes/chat/+page.svelte b/src/routes/chat/+page.svelte
index 920dbd92..34776c47 100644
--- a/src/routes/chat/+page.svelte
+++ b/src/routes/chat/+page.svelte
@@ -6,7 +6,7 @@
   import ContentSearch from "@lib/components/ContentSearch.svelte"
   import ChatItem from "@app/components/ChatItem.svelte"
   import ChatStart from "@app/components/ChatStart.svelte"
-  import ChatMenuMobile from "@app/components/ChatMenuMobile.svelte"
+  import ChatMenu from "@app/components/ChatMenu.svelte"
   import {chatSearch} from "@app/state"
   import {pushModal} from "@app/modal"
   import {setChecked} from "@app/notifications"
@@ -15,7 +15,7 @@
 
   const startChat = () => pushModal(ChatStart)
 
-  const openMenu = () => pushModal(ChatMenuMobile)
+  const openMenu = () => pushModal(ChatMenu)
 
   const chats = $derived($chatSearch.searchOptions(term))