diff --git a/src/modules/l2-rollup-detail/TokenTransferTab/index.tsx b/src/modules/l2-rollup-detail/TokenTransferTab/index.tsx
index 03d1792e8..d5613ff41 100644
--- a/src/modules/l2-rollup-detail/TokenTransferTab/index.tsx
+++ b/src/modules/l2-rollup-detail/TokenTransferTab/index.tsx
@@ -182,9 +182,8 @@ const TokenTransferTab = (props: IProps) => {
               _hover={{
                 textDecoration: 'underline',
               }}
-              onClick={() => {
-                router.push(`${HEART_BEAT}/tx/${data.transaction_hash}`);
-              }}
+              as={'a'}
+              href={`${HEART_BEAT}/tx/${data.transaction_hash}`}
             >
               <Flex direction={'row'} alignItems={'center'} gap={'4px'}>
                 <Text className={s.title}>
diff --git a/src/modules/l2-rollup-detail/TokenTransferTabBitcoin/index.tsx b/src/modules/l2-rollup-detail/TokenTransferTabBitcoin/index.tsx
index 031283917..9f6c2cecc 100644
--- a/src/modules/l2-rollup-detail/TokenTransferTabBitcoin/index.tsx
+++ b/src/modules/l2-rollup-detail/TokenTransferTabBitcoin/index.tsx
@@ -135,9 +135,8 @@ const TokenTransferTabBitcoin = (props: IProps) => {
               _hover={{
                 textDecoration: 'underline',
               }}
-              onClick={() => {
-                router.push(`${HEART_BEAT}/tx/${data.tx_id}`);
-              }}
+              as={'a'}
+              href={`${HEART_BEAT}/tx/${data.tx_id}`}
             >
               <Flex direction={'row'} alignItems={'center'} gap={'4px'}>
                 <Text className={s.title}>
diff --git a/src/modules/l2-rollup-detail/TransactionsTab/index.tsx b/src/modules/l2-rollup-detail/TransactionsTab/index.tsx
index 971fb8083..890be654f 100644
--- a/src/modules/l2-rollup-detail/TransactionsTab/index.tsx
+++ b/src/modules/l2-rollup-detail/TransactionsTab/index.tsx
@@ -183,9 +183,8 @@ const TransactionsTab = (props: IProps) => {
               _hover={{
                 textDecoration: 'underline',
               }}
-              onClick={() => {
-                router.push(`${HEART_BEAT}/tx/${data.hash}`);
-              }}
+              as={'a'}
+              href={`${HEART_BEAT}/tx/${data.hash}`}
             >
               <Flex direction={'row'} alignItems={'center'} gap={'4px'}>
                 <Text className={s.title}>{shortCryptoAddress(data.hash)}</Text>
diff --git a/src/modules/l2-rollup-detail/TransactionsTabBitcoin/index.tsx b/src/modules/l2-rollup-detail/TransactionsTabBitcoin/index.tsx
index fb7d5a6c6..4014ca7e9 100644
--- a/src/modules/l2-rollup-detail/TransactionsTabBitcoin/index.tsx
+++ b/src/modules/l2-rollup-detail/TransactionsTabBitcoin/index.tsx
@@ -128,9 +128,8 @@ const TransactionsTabBitcoin = (props: IProps) => {
               _hover={{
                 textDecoration: 'underline',
               }}
-              onClick={() => {
-                window.open(`${HEART_BEAT}/tx/${data.tx_id}`);
-              }}
+              as={'a'}
+              href={`${HEART_BEAT}/tx/${data.tx_id}`}
             >
               <Flex direction={'row'} alignItems={'center'} gap={'4px'}>
                 <Text className={s.title}>