fix: [GSW-2033] TokenPath LinkIcon UI

gnoswap-labs · Jan 6, 2025 · 1342735 · 1342735
1 parent fcdd813
commit 1342735
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/...web/src/layouts/swap/components/swap-info-chart/swap-token-info/SwapTokenHeader.styles.ts b/...web/src/layouts/swap/components/swap-info-chart/swap-token-info/SwapTokenHeader.styles.ts
@@ -16,7 +16,7 @@ export const SwapTokenHeaderWrapper = styled.div<Props>`
     justify-content: flex-start;
     align-items: flex-start;
     gap: 8px;
-    max-width: ${({ containerWidth, priceWidth }) => `calc(${containerWidth}px - ${priceWidth}px)`};
+    max-width: ${({ containerWidth, priceWidth }) => `calc(${containerWidth}px - 10px - ${priceWidth}px)`};
     width: 100%;
     .token-title {
       display: flex;
@@ -40,7 +40,7 @@ export const SwapTokenHeaderWrapper = styled.div<Props>`
         }
         .link {
           max-width: ${({ containerWidth, tokenNameWidth, priceWidth }) =>
-            `calc(${containerWidth}px - 78px - ${tokenNameWidth}px - ${priceWidth}px)`};
+            `calc(${containerWidth}px - 58px - ${tokenNameWidth}px - ${priceWidth}px)`};
           width: 100%;
           display: flex;
           align-items: center;
@@ -57,6 +57,11 @@ export const SwapTokenHeaderWrapper = styled.div<Props>`
             direction: rtl;
             white-space: nowrap;
           }
+          .path-link-icon {
+            width: 10px;
+            height: 10px;
+            flex-shrink: 0;
+          }
           &:hover {
             color: ${({ theme }) => theme.color.text03};
             .path-link-icon {