Moved :active selector to span

dxc-technology · Aug 8, 2024 · 266765e · 266765e
1 parent 9da078c
commit 266765e
Showing 1 changed file with 4 additions and 6 deletions.
diff --git 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;