diff --git a/.changeset/plenty-bobcats-know.md b/.changeset/plenty-bobcats-know.md new file mode 100644 index 000000000..197a40399 --- /dev/null +++ b/.changeset/plenty-bobcats-know.md @@ -0,0 +1,5 @@ +--- +'@ithaka/pharos': minor +--- + +Fix link not displaying blue outline on focus in Chrome/Safari diff --git a/packages/pharos/src/components/link/pharos-link.scss b/packages/pharos/src/components/link/pharos-link.scss index ad5c3ce2a..7e0f83123 100644 --- a/packages/pharos/src/components/link/pharos-link.scss +++ b/packages/pharos/src/components/link/pharos-link.scss @@ -20,6 +20,8 @@ @at-root &.link--alert:active { @include mixins.underline; } + + display: block; } :host(:not([href])) #link-element {