From dc6c2657dfca283aae68bc6b2126f852145dade1 Mon Sep 17 00:00:00 2001
From: Justin <dice.warrant-02@icloud.com>
Date: Thu, 29 Sep 2022 13:54:18 -0400
Subject: [PATCH] Fix nested button structure

---
 app/soapbox/features/chats/components/chat-list-item.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/app/soapbox/features/chats/components/chat-list-item.tsx b/app/soapbox/features/chats/components/chat-list-item.tsx
index 762270505..bbe7c469d 100644
--- a/app/soapbox/features/chats/components/chat-list-item.tsx
+++ b/app/soapbox/features/chats/components/chat-list-item.tsx
@@ -76,9 +76,10 @@ const ChatListItem: React.FC<IChatListItemInterface> = ({ chat, chatSilence, onC
   }, [chatSilence]);
 
   return (
-    <button
+    // eslint-disable-next-line jsx-a11y/interactive-supports-focus
+    <div
+      role='button'
       key={chat.id}
-      type='button'
       onClick={() => onClick(chat)}
       className='group px-2 py-3 w-full flex flex-col rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 focus:shadow-inset-ring'
       data-testid='chat'
@@ -142,7 +143,7 @@ const ChatListItem: React.FC<IChatListItemInterface> = ({ chat, chatSilence, onC
           )}
         </HStack>
       </HStack>
-    </button>
+    </div>
   );
 };