From 9f2c80b1b0bee3bf8535ca2968700573d892908c Mon Sep 17 00:00:00 2001
From: yjin <devyzyn@gmail.com>
Date: Sat, 4 Jan 2025 14:20:10 +0900
Subject: [PATCH] fix: [GSW-2033] UI

---
 .../common/token-amount-input/TokenAmountInput.styles.ts        | 2 +-
 .../launchpad-participate/LaunchpadParticipate.styles.ts        | 2 +-
 .../swap-card/swap-card-content/SwapCardContent.styles.ts       | 2 +-
 .../SwapInfoTransactionListTable.tsx                            | 2 +-
 .../token-detail/components/token-swap/TokenSwap.styles.ts      | 2 +-
 .../wallet/components/asset-send-modal/AssetSendModal.styles.ts | 2 +-
 6 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/web/src/components/common/token-amount-input/TokenAmountInput.styles.ts b/packages/web/src/components/common/token-amount-input/TokenAmountInput.styles.ts
index 1bf94a2f7..c0f92fa81 100644
--- a/packages/web/src/components/common/token-amount-input/TokenAmountInput.styles.ts
+++ b/packages/web/src/components/common/token-amount-input/TokenAmountInput.styles.ts
@@ -47,7 +47,7 @@ export const TokenAmountInputWrapper = styled.div`
         color: #007aff;
         cursor: pointer;
         &:hover {
-          background: rgba(0, 89, 255, 0.1);
+          background: ${({ theme }) => (theme.themeKey === "dark" ? "rgba(0, 89, 255, 0.1)" : "rgba(0, 89, 255, 0.3)")};
         }
       }
     }
diff --git a/packages/web/src/layouts/launchpad/launchpad-detail/components/launchpad-participate/LaunchpadParticipate.styles.ts b/packages/web/src/layouts/launchpad/launchpad-detail/components/launchpad-participate/LaunchpadParticipate.styles.ts
index 2b4294a50..55d32fba7 100644
--- a/packages/web/src/layouts/launchpad/launchpad-detail/components/launchpad-participate/LaunchpadParticipate.styles.ts
+++ b/packages/web/src/layouts/launchpad/launchpad-detail/components/launchpad-participate/LaunchpadParticipate.styles.ts
@@ -91,7 +91,7 @@ export const LaunchpadParticipateWrapper = styled.div`
         color: #007aff;
         cursor: pointer;
         &:hover {
-          background: rgba(0, 89, 255, 0.1);
+          background: ${({ theme }) => (theme.themeKey === "dark" ? "rgba(0, 89, 255, 0.1)" : "rgba(0, 89, 255, 0.3)")};
         }
       }
     }
diff --git a/packages/web/src/layouts/swap/components/swap-card/swap-card-content/SwapCardContent.styles.ts b/packages/web/src/layouts/swap/components/swap-card/swap-card-content/SwapCardContent.styles.ts
index 570b742f4..5133b3d84 100644
--- a/packages/web/src/layouts/swap/components/swap-card/swap-card-content/SwapCardContent.styles.ts
+++ b/packages/web/src/layouts/swap/components/swap-card/swap-card-content/SwapCardContent.styles.ts
@@ -85,7 +85,7 @@ export const ContentWrapper = styled.div`
         color: #007aff;
         cursor: pointer;
         &:hover {
-          background: rgba(0, 89, 255, 0.1);
+          background: ${({ theme }) => (theme.themeKey === "dark" ? "rgba(0, 89, 255, 0.1)" : "rgba(0, 89, 255, 0.3)")};
         }
       }
     }
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 415dbc768..5821024a9 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
@@ -67,7 +67,7 @@ const SwapInfoTransactionListTable = ({ breakpoint }: SwapInfoTransactionListTab
 
       <TransactionListTableList>
         {[...Array(5)].map((_, index) => (
-          <TransactionListTableRow key={index} breakpoint={breakpoint} />
+          <TransactionListTableRow key={`transaction-list-table-list-${index}`} breakpoint={breakpoint} />
         ))}
       </TransactionListTableList>
     </>
diff --git a/packages/web/src/layouts/token-detail/components/token-swap/TokenSwap.styles.ts b/packages/web/src/layouts/token-detail/components/token-swap/TokenSwap.styles.ts
index 8ed3824ff..fd8bf2618 100644
--- a/packages/web/src/layouts/token-detail/components/token-swap/TokenSwap.styles.ts
+++ b/packages/web/src/layouts/token-detail/components/token-swap/TokenSwap.styles.ts
@@ -106,7 +106,7 @@ export const wrapper = (theme: Theme) => css`
           color: #007aff;
           cursor: pointer;
           &:hover {
-            background: rgba(0, 89, 255, 0.1);
+            background: ${theme.themeKey === "dark" ? "rgba(0, 89, 255, 0.1)" : "rgba(0, 89, 255, 0.3)"};
           }
         }
       }
diff --git a/packages/web/src/layouts/wallet/components/asset-send-modal/AssetSendModal.styles.ts b/packages/web/src/layouts/wallet/components/asset-send-modal/AssetSendModal.styles.ts
index 9caea63f8..b385b411c 100644
--- a/packages/web/src/layouts/wallet/components/asset-send-modal/AssetSendModal.styles.ts
+++ b/packages/web/src/layouts/wallet/components/asset-send-modal/AssetSendModal.styles.ts
@@ -245,7 +245,7 @@ export const AssetSendContent = styled.div`
         color: #007aff;
         cursor: pointer;
         &:hover {
-          background: rgba(0, 89, 255, 0.1);
+          background: ${({ theme }) => (theme.themeKey === "dark" ? "rgba(0, 89, 255, 0.1)" : "rgba(0, 89, 255, 0.3)")};
         }
       }
     }