fix truncation using css only

FuelLabs · Jan 8, 2025 · 0c0fe35 · 0c0fe35
1 parent a6939c0
commit 0c0fe35
Showing 1 changed file with 2 additions and 4 deletions.
diff --git a/packages/app/src/systems/Transaction/components/TxRecipientCard/TxRecipientCard.tsx b/packages/app/src/systems/Transaction/components/TxRecipientCard/TxRecipientCard.tsx
@@ -70,8 +70,6 @@ export const TxRecipientCard: TxRecipientCardComponent = ({
     };
   }, [name]);
 
-  const truncatedName = name.length > 15 ? `${name.slice(0, 15)}...` : name;
-
   return (
     <Card
       css={styles.root}
@@ -134,10 +132,10 @@ export const TxRecipientCard: TxRecipientCardComponent = ({
                     textOverflow: 'ellipsis',
                     whiteSpace: 'nowrap',
                     overflow: 'hidden',
-                    maxWidth: '200px',
+                    maxWidth: '100px',
                   }}
                 >
-                  {truncatedName}
+                  {name}
                 </div>
               </Tooltip>
             </Heading>