fix(ui): Gracefully truncate long transaction names in mobile.

monetr · Nov 6, 2022 · b2ab185 · b2ab185
1 parent beb903e
commit b2ab185
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/ui/components/Transactions/TransactionsView/TransactionItem.mobile.tsx b/ui/components/Transactions/TransactionsView/TransactionItem.mobile.tsx
@@ -53,6 +53,9 @@ export default function TransactionItemMobile(props: Props): JSX.Element {
         </ListItemAvatar>
         <ListItemText
           className="flex-initial w-7/12"
+          primaryTypographyProps={{
+            className: "text-ellipsis overflow-hidden truncate"
+          }}
           primary={ props.transaction.getName() }
           secondaryTypographyProps={{
             className: "text-ellipsis overflow-hidden truncate"