diff --git a/src/lib/Chat.svelte b/src/lib/Chat.svelte
index 2f1247d..3fd3525 100644
--- a/src/lib/Chat.svelte
+++ b/src/lib/Chat.svelte
@@ -149,6 +149,13 @@
       });
     }
   };
+
+  const deleteChat = () => {
+    if (confirm("Are you sure you want to delete this chat?")) {
+      chatsStorage.update((chats) => chats.filter((chat) => chat.id !== chatId));
+      chatId = null;
+    }
+  };
 </script>
 
 <nav class="level chat-header">
@@ -178,6 +185,14 @@
         >
           💡
         </a>
+        <a
+                href={"#"}
+                class="greyscale ml-2 is-hidden editbutton"
+                title="Delete this chat"
+                on:click|preventDefault={deleteChat}
+        >
+          🗑️
+        </a>
       </p>
     </div>
   </div>