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 ? (