From 002174628362cee4dcfb47b212daac9ccaa013c8 Mon Sep 17 00:00:00 2001
From: andrewprog97 <andrewprog97@gmail.com>
Date: Fri, 19 Jul 2024 18:26:37 +0300
Subject: [PATCH] fix history amount text break

---
 .../components/TokensTabs/History/History.jsx | 21 +++++++++++--------
 .../TokensTabs/History/History.module.scss    |  6 +++++-
 2 files changed, 17 insertions(+), 10 deletions(-)

diff --git a/src/app/components/TokensTabs/History/History.jsx b/src/app/components/TokensTabs/History/History.jsx
index af41045..6ccc0a7 100644
--- a/src/app/components/TokensTabs/History/History.jsx
+++ b/src/app/components/TokensTabs/History/History.jsx
@@ -22,19 +22,22 @@ const HistoryItem = ({ transfer, fee, isInitiator }) => {
       <div className={s.historyIcon}>
         <img src={transfer.incoming ? receiveIcon : sendIcon} alt="ArrowIcon" />
       </div>
-      <span>
-        {transfer.assetId ===
-            "d6329b5b1f7c0805b5c345f4957554002a2f557845f64d7645dae0e051a6498a"
-            ? !isInitiator
-              ? amount.toFixed()
-              : amount.minus(fixedFee).toFixed()
-            : amount.toFixed()
-        }{" "}
+      <p>
+        <span>
+          {transfer.assetId ===
+              "d6329b5b1f7c0805b5c345f4957554002a2f557845f64d7645dae0e051a6498a"
+              ? !isInitiator
+                ? amount.toFixed()
+                : amount.minus(fixedFee).toFixed()
+              : amount.toFixed()
+          }
+        </span>
+        {" "}
         {
           getAssetById(transfer.assetId)
             ?.ticker || '***'
         }
-      </span>
+      </p>
     </div>
   );
 };
diff --git a/src/app/components/TokensTabs/History/History.module.scss b/src/app/components/TokensTabs/History/History.module.scss
index 34d8f0e..5963852 100644
--- a/src/app/components/TokensTabs/History/History.module.scss
+++ b/src/app/components/TokensTabs/History/History.module.scss
@@ -40,10 +40,14 @@
    column-gap: 8px;
    margin-bottom: 11px;
    padding-right: 45px;
-   span {
+   p {
       font-weight: 600;
       font-size: 24px;
       line-height: math.div(29, 24);
+
+      > span {
+         word-break: break-all;
+      }
    }
 }