diff --git a/packages/base-styles/_mixins.scss b/packages/base-styles/_mixins.scss index 109926ebf411a9..a1de82c2081cc5 100644 --- a/packages/base-styles/_mixins.scss +++ b/packages/base-styles/_mixins.scss @@ -367,6 +367,14 @@ } } +@mixin link-reset { + &:focus { + color: var(--wp-admin-theme-color--rgb); + box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color, #007cba); + border-radius: $radius-block-ui; + } +} + // The editor input reset with increased specificity to avoid theme styles bleeding in. @mixin editor-input-reset() { font-family: $editor-html-font !important; diff --git a/packages/dataviews/src/style.scss b/packages/dataviews/src/style.scss index 7e45bec25856f7..17f0308db93045 100644 --- a/packages/dataviews/src/style.scss +++ b/packages/dataviews/src/style.scss @@ -219,7 +219,6 @@ color: $gray-900; text-overflow: ellipsis; white-space: nowrap; - overflow: hidden; display: block; width: 100%; @@ -235,6 +234,7 @@ &:hover { color: $gray-900; } + @include link-reset(); } button.components-button.is-link {