From aa4c9f0e2fb2a15b61c52709356baeaac1bbb313 Mon Sep 17 00:00:00 2001 From: HelenaIsh <32093844+HelenaIsh@users.noreply.github.com> Date: Tue, 14 Nov 2023 16:05:19 +0600 Subject: [PATCH] fix(Link): return underline when hovering over icon (#3313) --- packages/react-ui/components/Link/Link.styles.ts | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/react-ui/components/Link/Link.styles.ts b/packages/react-ui/components/Link/Link.styles.ts index 027d170dce..187430498b 100644 --- a/packages/react-ui/components/Link/Link.styles.ts +++ b/packages/react-ui/components/Link/Link.styles.ts @@ -41,6 +41,9 @@ export const styles = memoizeStyle({ border-radius: 1px; outline: none; text-decoration: none; + &:hover .${globalClasses.text} { + border-bottom-color: currentColor !important; + } `; }, @@ -57,9 +60,6 @@ export const styles = memoizeStyle({ border-bottom-style: ${t.linkLineBorderBottomStyle}; border-bottom-width: ${t.linkLineBorderBottomWidth}; border-bottom-color: transparent; - &:hover { - border-bottom-color: currentColor; - } } `; },