diff --git a/packages/sage-assets/lib/stylesheets/components/_link.scss b/packages/sage-assets/lib/stylesheets/components/_link.scss index ee2603e6b8..92a79b2bb4 100644 --- a/packages/sage-assets/lib/stylesheets/components/_link.scss +++ b/packages/sage-assets/lib/stylesheets/components/_link.scss @@ -168,7 +168,8 @@ $-link-base-styles: ( position: relative; text-decoration: none; - &::before { + &::before, + pds-icon { @include sage-icon-base(question-circle, lg, pine); color: sage-color(charcoal, 100); @@ -179,6 +180,10 @@ $-link-base-styles: ( &:focus { outline: 0; + pds-icon { + color: sage-color(charcoal, 300); + } + &::before { color: sage-color(charcoal, 300); } diff --git a/packages/sage-react/lib/HelpLink/HelpLink.jsx b/packages/sage-react/lib/HelpLink/HelpLink.jsx index bac2783f9b..61c5375801 100644 --- a/packages/sage-react/lib/HelpLink/HelpLink.jsx +++ b/packages/sage-react/lib/HelpLink/HelpLink.jsx @@ -15,6 +15,7 @@ export const HelpLink = ({ tag={linkTag} {...rest} > + {!labelIsVisible ? ( {children} diff --git a/packages/sage-react/lib/Link/Link.jsx b/packages/sage-react/lib/Link/Link.jsx index ecc2bd212c..f591ff470e 100644 --- a/packages/sage-react/lib/Link/Link.jsx +++ b/packages/sage-react/lib/Link/Link.jsx @@ -47,7 +47,7 @@ export const Link = ({ {...rest} > {icon && ( - + )} {truncate ? ( @@ -62,7 +62,7 @@ export const Link = ({ {...rest} > {icon && ( - + )} {truncate ? (