From e14c6a1c5439a441012931ed5cc42d312c773bf5 Mon Sep 17 00:00:00 2001
From: Keith <keithwhisper@gmail.com>
Date: Fri, 11 Oct 2024 17:26:27 +0900
Subject: [PATCH] fix: fix link style of btc tx

---
 src/pages/RGBPP/TransactionList/List/item.tsx        | 12 +++++++-----
 .../RGBPP/TransactionList/List/styles.module.scss    |  4 ++++
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/pages/RGBPP/TransactionList/List/item.tsx b/src/pages/RGBPP/TransactionList/List/item.tsx
index d59a41d39..88f08468e 100644
--- a/src/pages/RGBPP/TransactionList/List/item.tsx
+++ b/src/pages/RGBPP/TransactionList/List/item.tsx
@@ -77,11 +77,13 @@ const Item = ({ item }: { item: Transaction }) => {
             style={{ display: 'flex', alignItems: 'center', justifyContent: 'flex-end', gap: 8 }}
             title={t('rgbpp.transaction.view_on_bitcoin_explorer')}
           >
-            <BTCExplorerLink className={styles.action} id={item.btcTxId} path="/tx">
-              <AddressText style={{ marginLeft: 'auto' }} disableTooltip>
-                {item.btcTxId}
-              </AddressText>
-            </BTCExplorerLink>
+            <div className={styles.btcTx}>
+              <BTCExplorerLink className={styles.action} id={item.btcTxId} path="/tx">
+                <AddressText style={{ marginLeft: 'auto' }} disableTooltip>
+                  {item.btcTxId}
+                </AddressText>
+              </BTCExplorerLink>
+            </div>
             <BTCExplorerLink className={styles.action} id={item.btcTxId} path="/tx">
               <ShareIcon />
             </BTCExplorerLink>
diff --git a/src/pages/RGBPP/TransactionList/List/styles.module.scss b/src/pages/RGBPP/TransactionList/List/styles.module.scss
index 01e775f5f..81d4ba91e 100644
--- a/src/pages/RGBPP/TransactionList/List/styles.module.scss
+++ b/src/pages/RGBPP/TransactionList/List/styles.module.scss
@@ -19,6 +19,10 @@
     }
   }
 
+  .btcTx {
+    overflow: hidden;
+  }
+
   .split {
     width: 100%;
     background-color: #f5f5f5;