diff --git a/src/components/Tooltip/Tooltip.styles.tsx b/src/components/Tooltip/Tooltip.styles.tsx index ad20112c2..d07479434 100644 --- a/src/components/Tooltip/Tooltip.styles.tsx +++ b/src/components/Tooltip/Tooltip.styles.tsx @@ -2,6 +2,10 @@ import styled from "@emotion/styled"; import { Tooltip } from "react-tooltip"; import { ReactComponent as RoundedCheckmark16 } from "assets/icons/rounded-checkmark-16.svg"; +export const StyledAnchor = styled.a` + line-height: 1; +`; + export const StyledTooltip = styled(Tooltip)` z-index: 5; padding: 0; diff --git a/src/components/Tooltip/Tooltip.tsx b/src/components/Tooltip/Tooltip.tsx index bb0c84c77..c1b51c371 100644 --- a/src/components/Tooltip/Tooltip.tsx +++ b/src/components/Tooltip/Tooltip.tsx @@ -8,6 +8,7 @@ import { GreyRoundedCheckmark16, TitleSecondary, StyledTooltip, + StyledAnchor, } from "./Tooltip.styles"; import { ReactComponent as RoundedCheckmark16 } from "assets/icons/rounded-checkmark-16.svg"; import { ReactComponent as RefereeIcon } from "assets/icons/referree.svg"; @@ -46,10 +47,10 @@ export const Tooltip: React.FC = ({ return ( <> - + {children} - - + + {title && ( diff --git a/src/views/DepositStatus/hooks/useDepositTracking.ts b/src/views/DepositStatus/hooks/useDepositTracking.ts index 869b5e2f1..712f69dd9 100644 --- a/src/views/DepositStatus/hooks/useDepositTracking.ts +++ b/src/views/DepositStatus/hooks/useDepositTracking.ts @@ -27,7 +27,7 @@ export function useDepositTracking( toChainId: number, fromBridgePagePayload?: FromBridgePagePayload ) { - const [shouldRetryDepositQuery, setShouldRetryDepositQuery] = useState(false); + const [shouldRetryDepositQuery, setShouldRetryDepositQuery] = useState(true); const { addToAmpliQueue } = useAmplitude();