Make link distinguishable from surrounding text with underline styling (#3866)

llastflowers · web-flow · commit 391e43871551 · 2026-01-22T18:49:00.000Z
diff --git a/.changeset/sharp-jokes-push.md b/.changeset/sharp-jokes-push.md
@@ -0,0 +1,5 @@
+---
+"@primer/view-components": patch
+---
+
+Make link distinguishable from surrounding text with underline styling
diff --git a/previews/primer/alpha/octicon_symbols_preview/playground.html.erb b/previews/primer/alpha/octicon_symbols_preview/playground.html.erb
@@ -1,7 +1,7 @@
 <p style="max-width: 500px">
   Below is an SVG image containing the chosen octicon surrounded by a green circle. The octicon has been emitted
   onto the page as an SVG &lt;symbol&gt; element and included into the SVG you see below with the &lt;use&gt; element.
-  See the <a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Element/symbol" target="_blank">MDN docs</a> for
+  See the <a href="https://developer.mozilla.org/en-US/docs/Web/SVG/Element/symbol" target="_blank" style="text-decoration: underline">MDN docs</a> for
   more information.
 </p>
 

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"@primer/view-components": patch
 +---
++
 +Make link distinguishable from surrounding text with underline styling