From 397a91fe64deb42ca31eaa1b32ec43bdd92a9f30 Mon Sep 17 00:00:00 2001
From: Bernardo Garces Chapero <bernardo.chapero@consensys.net>
Date: Mon, 7 Apr 2025 14:45:54 +0100
Subject: [PATCH] fix: wrap long asset names

---
 .../app/assets/token-cell/cells/token-cell-title.tsx      | 2 +-
 ui/components/app/assets/token-cell/token-cell.scss       | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/ui/components/app/assets/token-cell/cells/token-cell-title.tsx b/ui/components/app/assets/token-cell/cells/token-cell-title.tsx
index 0b311e71d731..c428bc0755a7 100644
--- a/ui/components/app/assets/token-cell/cells/token-cell-title.tsx
+++ b/ui/components/app/assets/token-cell/cells/token-cell-title.tsx
@@ -27,7 +27,7 @@ export const TokenCellTitle = React.memo(
         <Tooltip
           position="bottom"
           html={token.title}
-          tooltipInnerClassName="multichain-token-list-item__tooltip"
+          wrapperClassName="token-cell-title--ellipsis"
         >
           <Text
             as="span"
diff --git a/ui/components/app/assets/token-cell/token-cell.scss b/ui/components/app/assets/token-cell/token-cell.scss
index 15ddbdea447d..071e47c7a4c1 100644
--- a/ui/components/app/assets/token-cell/token-cell.scss
+++ b/ui/components/app/assets/token-cell/token-cell.scss
@@ -3,3 +3,11 @@
     color: var(--color-text-alternative);
   }
 }
+
+.token-cell-title {
+  &--ellipsis {
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+  }
+}