diff --git a/app/assets/stylesheets/popup.css b/app/assets/stylesheets/popup.css index 4dafb7603..8a93f8f53 100644 --- a/app/assets/stylesheets/popup.css +++ b/app/assets/stylesheets/popup.css @@ -49,15 +49,8 @@ } &[aria-selected] { - background: var(--color-selected); - } - - &:has(:focus-visible) { - background: var(--color-selected-dark); - - .popup__item { - --outline-size: 0; - } + border-radius: 0.3em; + box-shadow: 0 0 0 var(--hover-size) var(--color-selected-dark) inset; } } @@ -82,7 +75,8 @@ } &[aria-selected] { - --btn-background: var(--color-selected); + border-radius: 0.3em; + box-shadow: 0 0 0 var(--hover-size) var(--color-selected-dark) inset; } &:has(input:checked) {