From d68466f0b8f6a7d69c3f868f79799bd18893f5e9 Mon Sep 17 00:00:00 2001
From: ryanml <ryanlanese@gmail.com>
Date: Mon, 8 Mar 2021 11:12:52 -0700
Subject: [PATCH] Fixing activity title text truncation (#10601)

Fixes MetaMask/metamask-extension#9997
---
 ui/app/components/ui/list-item/list-item.component.js | 8 +++-----
 1 file changed, 3 insertions(+), 5 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 79649d672..83f3d4673 100644
--- a/ui/app/components/ui/list-item/list-item.component.js
+++ b/ui/app/components/ui/list-item/list-item.component.js
@@ -17,7 +17,7 @@ export default function ListItem({
   const primaryClassName = classnames('list-item', className);
 
   return (
-    <div
+    <button
       className={primaryClassName}
       onClick={onClick}
       data-testid={dataTestId}
@@ -27,9 +27,7 @@ export default function ListItem({
         {React.isValidElement(title) ? (
           title
         ) : (
-          <button onClick={onClick}>
-            <h2 className="list-item__title">{title}</h2>
-          </button>
+          <h2 className="list-item__title">{title}</h2>
         )}
         {titleIcon && (
           <div className="list-item__heading-wrap">{titleIcon}</div>
@@ -41,7 +39,7 @@ export default function ListItem({
       {rightContent && (
         <div className="list-item__right-content">{rightContent}</div>
       )}
-    </div>
+    </button>
   );
 }