Fix link visibility on selected rows

scality · May 5, 2023 · 53bbf76 · 53bbf76
1 parent 44d508f
commit 53bbf76
Showing 1 changed file with 1 addition and 2 deletions.
diff --git a/src/lib/components/text/Text.component.tsx b/src/lib/components/text/Text.component.tsx
@@ -185,11 +185,10 @@ export const Link = styled.a`
   width: fit-content;
   &:hover {
     text-decoration-line: underline;
-    color: ${(props) => getTheme(props).selectedActive};
   }
   // :focus-visible is the keyboard-only version of :focus
   &:focus-visible {
-    outline: dashed ${spacing.r2} ${(props) => getTheme(props).selectedActive};
+    outline: dashed ${spacing.r2} ${(props) => getTheme(props).textLink};
     outline-offset: ${spacing.r2};
   }
 `;