From 083a795a304250782445eb1eebb6035e801c6c52 Mon Sep 17 00:00:00 2001
From: ryanml <ryanlanese@gmail.com>
Date: Tue, 9 Mar 2021 10:53:24 -0700
Subject: [PATCH] Converting ListItem container from button to div (#10611)

Fixes MetaMask/metamask-extension#10610
---
 ui/app/components/ui/list-item/list-item.component.js | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/ui/app/components/ui/list-item/list-item.component.js b/ui/app/components/ui/list-item/list-item.component.js
index 83f3d4673..6cb919aec 100644
--- a/ui/app/components/ui/list-item/list-item.component.js
+++ b/ui/app/components/ui/list-item/list-item.component.js
@@ -17,10 +17,17 @@ export default function ListItem({
   const primaryClassName = classnames('list-item', className);
 
   return (
-    <button
+    <div
       className={primaryClassName}
       onClick={onClick}
       data-testid={dataTestId}
+      role="button"
+      tabIndex={0}
+      onKeyPress={(event) => {
+        if (event.key === 'Enter') {
+          onClick();
+        }
+      }}
     >
       {icon && <div className="list-item__icon">{icon}</div>}
       <div className="list-item__heading">
@@ -39,7 +46,7 @@ export default function ListItem({
       {rightContent && (
         <div className="list-item__right-content">{rightContent}</div>
       )}
-    </button>
+    </div>
   );
 }