From a4bc7a9f086ddf1739c06dd91a2fca31d535cc55 Mon Sep 17 00:00:00 2001
From: AGMASO <agmguindo@gmail.com>
Date: Tue, 30 Jun 2026 16:21:55 +0200
Subject: [PATCH 1/2] fix: overflow hidden for long symbols

---
 src/components/transactions/AssetInput.tsx        | 15 +++++++++++++--
 .../Withdraw/WithdrawModalContent.tsx             |  9 +++++++++
 2 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/src/components/transactions/AssetInput.tsx b/src/components/transactions/AssetInput.tsx
index 58094a2216..18635ee701 100644
--- a/src/components/transactions/AssetInput.tsx
+++ b/src/components/transactions/AssetInput.tsx
@@ -195,13 +195,24 @@ export const AssetInput = <T extends Asset = Asset>({
             </IconButton>
           )}
           {!onSelect || assets.length === 1 ? (
-            <Box sx={{ display: 'inline-flex', alignItems: 'center' }}>
+            <Box sx={{ display: 'inline-flex', alignItems: 'center', minWidth: 0 }}>
               <TokenIcon
                 aToken={asset.aToken}
                 symbol={asset.iconSymbol || asset.symbol}
                 sx={{ mr: 2, ml: 4 }}
               />
-              <Typography variant="h3" sx={{ lineHeight: '28px' }} data-cy={'inputAsset'}>
+              <Typography
+                variant="h3"
+                data-cy="inputAsset"
+                title={symbol}
+                sx={{
+                  lineHeight: '28px',
+                  maxWidth: '9ch',
+                  overflow: 'hidden',
+                  textOverflow: 'ellipsis',
+                  whiteSpace: 'nowrap',
+                }}
+              >
                 {symbol}
               </Typography>
             </Box>
diff --git a/src/components/transactions/Withdraw/WithdrawModalContent.tsx b/src/components/transactions/Withdraw/WithdrawModalContent.tsx
index 2037b67843..6a5c8f6cb0 100644
--- a/src/components/transactions/Withdraw/WithdrawModalContent.tsx
+++ b/src/components/transactions/Withdraw/WithdrawModalContent.tsx
@@ -167,6 +167,15 @@ export const WithdrawModalContent = ({
               ? currentNetworkConfig.baseAssetSymbol
               : poolReserve.symbol
           }
+          sx={{
+            maxWidth: { xs: '220px', sm: '300px' },
+            '& > span:last-of-type': {
+              minWidth: 0,
+              overflow: 'hidden',
+              textOverflow: 'ellipsis',
+              whiteSpace: 'nowrap',
+            },
+          }}
         />
         <DetailsHFLine
           visibleHfChange={!!_amount}

From ecccc3c782861429a65b3e828e022c531327b9e5 Mon Sep 17 00:00:00 2001
From: AGMASO <agmguindo@gmail.com>
Date: Tue, 30 Jun 2026 16:41:16 +0200
Subject: [PATCH 2/2] fix: width

---
 src/components/transactions/Withdraw/WithdrawModalContent.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/transactions/Withdraw/WithdrawModalContent.tsx b/src/components/transactions/Withdraw/WithdrawModalContent.tsx
index 6a5c8f6cb0..bc427401f9 100644
--- a/src/components/transactions/Withdraw/WithdrawModalContent.tsx
+++ b/src/components/transactions/Withdraw/WithdrawModalContent.tsx
@@ -168,7 +168,7 @@ export const WithdrawModalContent = ({
               : poolReserve.symbol
           }
           sx={{
-            maxWidth: { xs: '220px', sm: '300px' },
+            maxWidth: { xs: '140px', sm: '180px' },
             '& > span:last-of-type': {
               minWidth: 0,
               overflow: 'hidden',