diff --git a/packages/lib/src/link/Link.tsx b/packages/lib/src/link/Link.tsx index 16561313f..15a808282 100644 --- a/packages/lib/src/link/Link.tsx +++ b/packages/lib/src/link/Link.tsx @@ -97,12 +97,6 @@ const StyledLink = styled.div<{ border-bottom-color: ${props.theme.visitedUnderlineColor};`} } } - &:active { - & > span { - ${(props) => `color: ${props.theme.activeFontColor} !important; - border-bottom-color: ${props.theme.activeUnderlineColor} !important;`} - } - } &:focus { border-radius: 4px; outline: 2px solid ${(props) => props.theme.focusColor}; @@ -139,6 +133,10 @@ const LinkContainer = styled.span<{ cursor: pointer; border-bottom-color: ${props.theme.hoverUnderlineColor};`} } + &:active { + ${(props) => `color: ${props.theme.activeFontColor} !important; + border-bottom-color: ${props.theme.activeUnderlineColor} !important;`} + } `; export default DxcLink;