From 54a7c8e4daf2591dbd496863060b320d207576a2 Mon Sep 17 00:00:00 2001
From: Jagoda Berry Rybacka <jagoda.rybacka@tally.cash>
Date: Mon, 13 Feb 2023 16:27:16 +0100
Subject: [PATCH 1/2] Add gap between Send and Receive buttons

---
 ui/components/Wallet/WalletAccountBalanceControl.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/ui/components/Wallet/WalletAccountBalanceControl.tsx b/ui/components/Wallet/WalletAccountBalanceControl.tsx
index aace4ba3a7..7f71ebe9f5 100644
--- a/ui/components/Wallet/WalletAccountBalanceControl.tsx
+++ b/ui/components/Wallet/WalletAccountBalanceControl.tsx
@@ -32,7 +32,7 @@ function ActionButtons(props: ActionButtonsProps): ReactElement {
   return (
     <div
       className={classNames("action_buttons_wrap", {
-        margin: isEnabled(FeatureFlags.SUPPORT_NFT_TAB),
+        with_icons: isEnabled(FeatureFlags.SUPPORT_NFT_TAB),
       })}
     >
       {isEnabled(FeatureFlags.SUPPORT_NFT_TAB) ? (
@@ -98,10 +98,12 @@ function ActionButtons(props: ActionButtonsProps): ReactElement {
           .action_buttons_wrap {
             display: flex;
             width: 180px;
+            gap: 16px;
             justify-content: center;
           }
-          .margin {
+          .action_buttons_wrap.with_icons {
             margin: 8px 0 32px;
+            gap: 0;
           }
           .button_wrap {
             margin: 0 7px;

From 92f51a2d629815292a8f1b128b8800e4c4fcc91c Mon Sep 17 00:00:00 2001
From: Jagoda Berry Rybacka <jagoda.rybacka@tally.cash>
Date: Mon, 13 Feb 2023 16:29:02 +0100
Subject: [PATCH 2/2] Fix overflowing assets names and symbols

---
 ui/components/Shared/SharedAssetItem.tsx | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/ui/components/Shared/SharedAssetItem.tsx b/ui/components/Shared/SharedAssetItem.tsx
index 9e72e6cb30..88da69fdad 100644
--- a/ui/components/Shared/SharedAssetItem.tsx
+++ b/ui/components/Shared/SharedAssetItem.tsx
@@ -65,8 +65,12 @@ export default function SharedAssetItem<T extends AnyAsset>(
             />
 
             <div className="left_content">
-              <div className="symbol">{asset.symbol}</div>
-              <div className="token_subtitle">{asset.name}</div>
+              <div className="symbol ellipsis" title={asset.symbol}>
+                {asset.symbol}
+              </div>
+              <div className="token_subtitle ellipsis" title={asset.name}>
+                {asset.name}
+              </div>
             </div>
           </div>
 
@@ -94,19 +98,23 @@ export default function SharedAssetItem<T extends AnyAsset>(
         {`
           .left {
             display: flex;
+            min-width: 0;
           }
           .list_item {
             display: flex;
             flex-direction: row;
             justify-content: space-between;
             align-items: center;
+            width: 100%;
           }
           .left_content {
             display: flex;
             flex-direction: column;
             height: 41px;
             justify-content: space-between;
-            margin-left: 16px;
+            margin: 0 8px 0 16px;
+            max-width: 100%;
+            min-width: 0;
           }
           .right_content {
             display: flex;