From 87430631492ceb893268e89c70d20ae123500900 Mon Sep 17 00:00:00 2001
From: yjin <devyzyn@gmail.com>
Date: Fri, 3 Jan 2025 18:49:26 +0900
Subject: [PATCH] fix: [GSW-2033] Improve UI

---
 .../SwapInfoTransactionListTable.styles.ts                | 8 ++++++++
 .../SwapInfoTransactionListTable.tsx                      | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/web/src/layouts/swap/components/swap-info-transaction-list/swap-info-transaction-list-table/SwapInfoTransactionListTable.styles.ts b/packages/web/src/layouts/swap/components/swap-info-transaction-list/swap-info-transaction-list-table/SwapInfoTransactionListTable.styles.ts
index c911ef5c5..69ed5e3fe 100644
--- a/packages/web/src/layouts/swap/components/swap-info-transaction-list/swap-info-transaction-list-table/SwapInfoTransactionListTable.styles.ts
+++ b/packages/web/src/layouts/swap/components/swap-info-transaction-list/swap-info-transaction-list-table/SwapInfoTransactionListTable.styles.ts
@@ -73,6 +73,14 @@ export const TableColumn = styled.div<{ tdWidth: number }>`
     justify-content: flex-start;
   }
 
+  .path-link-icon {
+    &:hover {
+      path {
+        fill: ${({ theme }) => theme.color.text03};
+      }
+    }
+  }
+
   @media screen and (max-width: 768px) {
     &.left {
       width: auto;
diff --git a/packages/web/src/layouts/swap/components/swap-info-transaction-list/swap-info-transaction-list-table/SwapInfoTransactionListTable.tsx b/packages/web/src/layouts/swap/components/swap-info-transaction-list/swap-info-transaction-list-table/SwapInfoTransactionListTable.tsx
index 25bef9786..415dbc768 100644
--- a/packages/web/src/layouts/swap/components/swap-info-transaction-list/swap-info-transaction-list-table/SwapInfoTransactionListTable.tsx
+++ b/packages/web/src/layouts/swap/components/swap-info-transaction-list/swap-info-transaction-list-table/SwapInfoTransactionListTable.tsx
@@ -86,7 +86,7 @@ const TransactionListTableRow = ({ breakpoint }: { breakpoint: DEVICE_TYPE }) =>
           <span>1s ago</span>
         </DateTimeTooltip>
         <button>
-          <IconOpenLink size="10px" />
+          <IconOpenLink size="10px" className="path-link-icon" />
         </button>
       </TableColumn>
       {!isMobile && <TableColumn tdWidth={widths[1]}>$12.05</TableColumn>}