From 560f3774ad52cca1a0df76a17a33595574f04b9a Mon Sep 17 00:00:00 2001
From: Kieran O'Neill <hello@kieranoneill.com>
Date: Sat, 23 Dec 2023 15:15:26 +0200
Subject: [PATCH] fix: unnamed address on transaction item correctly fits (#64)

---
 .../AddressDisplay/AddressDisplay.tsx         | 29 ++++++++++---------
 1 file changed, 16 insertions(+), 13 deletions(-)

diff --git a/src/extension/components/AddressDisplay/AddressDisplay.tsx b/src/extension/components/AddressDisplay/AddressDisplay.tsx
index c4729ba1..dfad4b12 100644
--- a/src/extension/components/AddressDisplay/AddressDisplay.tsx
+++ b/src/extension/components/AddressDisplay/AddressDisplay.tsx
@@ -78,18 +78,24 @@ const AddressDisplay: FC<IProps> = ({
             h={getIconSize()}
             w={getIconSize()}
           />
-          <Text color={color || defaultTextColor} fontSize={fontSize}>
-            {account.name ||
-              ellipseAddress(
+          {account.name ? (
+            <Text
+              color={color || defaultTextColor}
+              fontSize={fontSize}
+              maxW={160}
+              noOfLines={1}
+            >
+              {account.name}
+            </Text>
+          ) : (
+            <Text color={color || defaultTextColor} fontSize={fontSize}>
+              {ellipseAddress(
                 AccountService.convertPublicKeyToAlgorandAddress(
                   account.publicKey
-                ),
-                {
-                  end: 10,
-                  start: 10,
-                }
+                )
               )}
-          </Text>
+            </Text>
+          )}
         </HStack>
       </Tooltip>
     );
@@ -98,10 +104,7 @@ const AddressDisplay: FC<IProps> = ({
   return (
     <Tooltip aria-label={ariaLabel} label={address}>
       <Text color={color || defaultTextColor} fontSize={fontSize}>
-        {ellipseAddress(address, {
-          end: 10,
-          start: 10,
-        })}
+        {ellipseAddress(address)}
       </Text>
     </Tooltip>
   );