From 56376d30d881008f753b86443eae0fdc0294977b Mon Sep 17 00:00:00 2001
From: Jorge Padilla <jorge.esteban.padilla@gmail.com>
Date: Tue, 1 Aug 2023 06:25:55 +0900
Subject: [PATCH] fix(frontend): use Link component in transaction page (#3013)

---
 .../TransactionHeader/TransactionHeader.styled.ts         | 2 +-
 web/src/components/TransactionRunResult/ExecutionStep.tsx | 8 +++++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/web/src/components/TransactionHeader/TransactionHeader.styled.ts b/web/src/components/TransactionHeader/TransactionHeader.styled.ts
index 4e0d0cd943..83ce0109e6 100644
--- a/web/src/components/TransactionHeader/TransactionHeader.styled.ts
+++ b/web/src/components/TransactionHeader/TransactionHeader.styled.ts
@@ -1,7 +1,7 @@
 import {LeftOutlined} from '@ant-design/icons';
 import {Typography} from 'antd';
-import {Link as RRLink} from 'react-router-dom';
 import styled from 'styled-components';
+import RRLink from 'components/Link';
 
 export const BackIcon = styled(LeftOutlined)`
   cursor: pointer;
diff --git a/web/src/components/TransactionRunResult/ExecutionStep.tsx b/web/src/components/TransactionRunResult/ExecutionStep.tsx
index 5ea0bbb51c..923d7ea4ec 100644
--- a/web/src/components/TransactionRunResult/ExecutionStep.tsx
+++ b/web/src/components/TransactionRunResult/ExecutionStep.tsx
@@ -69,9 +69,11 @@ const ExecutionStep = ({
         </S.AssertionResultContainer>
         <S.ExecutionStepStatus>
           <Tooltip title="Go to Run">
-            <S.ExecutionStepRunLink to={toLink} target="_blank" data-cy="execution-step-run-link">
-              <LinkOutlined />
-            </S.ExecutionStepRunLink>
+            <div>
+              <S.ExecutionStepRunLink to={toLink} target="_blank" data-cy="execution-step-run-link">
+                <LinkOutlined />
+              </S.ExecutionStepRunLink>
+            </div>
           </Tooltip>
         </S.ExecutionStepStatus>
       </S.Content>