diff --git a/src/modules/scenes/Main/Explorer/Browser/index.tsx b/src/modules/scenes/Main/Explorer/Browser/index.tsx
index ebe24f14..8822b745 100644
--- a/src/modules/scenes/Main/Explorer/Browser/index.tsx
+++ b/src/modules/scenes/Main/Explorer/Browser/index.tsx
@@ -95,6 +95,7 @@ export const Browser = () => {
}
data-testid="tooltip"
+ interactive={true}
>
diff --git a/src/modules/scenes/Main/Explorer/StatsInfo/index.tsx b/src/modules/scenes/Main/Explorer/StatsInfo/index.tsx
index fe588ccc..8bcf9a89 100644
--- a/src/modules/scenes/Main/Explorer/StatsInfo/index.tsx
+++ b/src/modules/scenes/Main/Explorer/StatsInfo/index.tsx
@@ -239,26 +239,31 @@ export const StatsInfo = () => {
content={
-
- Deposit liquidity
-
+
+
+ Deposit liquidity
+
+
and then stake the LP tokens in the
-
- Farm
-
+
+
+ Farm
+
+
.
}
data-testid="tooltip"
+ interactive={true}
>
diff --git a/src/modules/scenes/Main/SwapLegacy/SwapFees/index.tsx b/src/modules/scenes/Main/SwapLegacy/SwapFees/index.tsx
index e1aa5c61..7b131bf1 100644
--- a/src/modules/scenes/Main/SwapLegacy/SwapFees/index.tsx
+++ b/src/modules/scenes/Main/SwapLegacy/SwapFees/index.tsx
@@ -8,7 +8,6 @@ import { useDispatch } from 'react-redux';
import { TTxRawObject } from '../../../../explorer';
import { useSdkContext } from '../../../../sdk-context';
import { toggleIsExistPreviousPage } from '../../../../store';
-import { TextPrimary } from '../../../Common';
import { swingbyTextDisplay } from '../../../../coins';
import {
@@ -21,6 +20,7 @@ import {
SwapFeesContainer,
TitleText,
Top,
+ TextPrimary,
} from './styled';
interface Props {
@@ -57,13 +57,16 @@ export const SwapFees = (props: Props) => {
content={
-
-
-
+
+
+
+
+
}
data-testid="tooltip"
+ interactive={true}
>
dispatch(toggleIsExistPreviousPage(true))} />
diff --git a/src/modules/scenes/Main/SwapLegacy/SwapFees/styled.tsx b/src/modules/scenes/Main/SwapLegacy/SwapFees/styled.tsx
index 643089a7..a7d99a61 100644
--- a/src/modules/scenes/Main/SwapLegacy/SwapFees/styled.tsx
+++ b/src/modules/scenes/Main/SwapLegacy/SwapFees/styled.tsx
@@ -3,6 +3,7 @@ import { rem } from 'polished';
import styled from 'styled-components';
import { StylingConstants } from '../../../../styles';
+import { TextPrimary as CommonTextPrimary } from '../../../Common';
const { media } = StylingConstants;
@@ -64,3 +65,7 @@ export const Center = styled.div`
justify-content: space-between;
align-items: center;
`;
+
+export const TextPrimary = styled(CommonTextPrimary)`
+ cursor: pointer;
+`;