From b8190573f0d3e23b3566ef02ba84643ddcaab55b Mon Sep 17 00:00:00 2001
From: Alex <alex.seleznov@gmail.com>
Date: Tue, 13 Aug 2024 13:48:24 +0300
Subject: [PATCH] TW-1461: [EVM][QA] Final arch prep epic QA. Minor UI fixes

---
 .../Home/OtherComponents/AssetBanner.tsx      | 40 +++++++++----------
 1 file changed, 18 insertions(+), 22 deletions(-)

diff --git a/src/app/pages/Home/OtherComponents/AssetBanner.tsx b/src/app/pages/Home/OtherComponents/AssetBanner.tsx
index fdcd1a3b41..e2d1399716 100644
--- a/src/app/pages/Home/OtherComponents/AssetBanner.tsx
+++ b/src/app/pages/Home/OtherComponents/AssetBanner.tsx
@@ -47,17 +47,15 @@ const TezosAssetBanner = memo<TezosAssetBannerProps>(({ tezosChainId, assetSlug
 
   return (
     <>
-      <div className="flex justify-between items-center my-3">
-        <div className="flex items-center">
-          <TezosAssetIcon tezosChainId={network.chainId} assetSlug={assetSlug} size={24} className="flex-shrink-0" />
-
-          <div
-            className="text-sm font-normal text-gray-700 truncate flex-1 ml-2"
-            {...setTestID(TokenPageSelectors.tokenName)}
-            {...setAnotherSelector('name', assetName)}
-          >
-            {assetName}
-          </div>
+      <div className="flex items-center gap-x-2 my-3">
+        <TezosAssetIcon tezosChainId={network.chainId} assetSlug={assetSlug} size={24} className="flex-shrink-0" />
+
+        <div
+          className="flex-grow text-sm font-normal text-gray-700 truncate"
+          {...setTestID(TokenPageSelectors.tokenName)}
+          {...setAnotherSelector('name', assetName)}
+        >
+          {assetName}
         </div>
 
         <AddressChip
@@ -115,17 +113,15 @@ const EvmAssetBanner = memo<EvmAssetBannerProps>(({ evmChainId, assetSlug }) =>
 
   return (
     <>
-      <div className="flex justify-between items-center my-3">
-        <div className="flex items-center">
-          <EvmTokenIcon evmChainId={network.chainId} assetSlug={assetSlug} size={24} className="flex-shrink-0" />
-
-          <div
-            className="text-sm font-normal text-gray-700 truncate flex-1 ml-2"
-            {...setTestID(TokenPageSelectors.tokenName)}
-            {...setAnotherSelector('name', assetName)}
-          >
-            {assetName}
-          </div>
+      <div className="flex items-center gap-x-2 my-3">
+        <EvmTokenIcon evmChainId={network.chainId} assetSlug={assetSlug} size={24} className="flex-shrink-0" />
+
+        <div
+          className="flex-grow text-sm font-normal text-gray-700 truncate"
+          {...setTestID(TokenPageSelectors.tokenName)}
+          {...setAnotherSelector('name', assetName)}
+        >
+          {assetName}
         </div>
 
         <AddressChip address={accountEvmAddress} modeSwitchTestId={HomeSelectors.addressModeSwitchButton} />