diff --git a/app/javascript/flavours/glitch/styles/components.scss b/app/javascript/flavours/glitch/styles/components.scss index dd01181341..6b603376d9 100644 --- a/app/javascript/flavours/glitch/styles/components.scss +++ b/app/javascript/flavours/glitch/styles/components.scss @@ -1497,9 +1497,9 @@ body > [data-popper-placement] { .focusable { &:focus-visible { - outline: 0; + outline: 2px solid $ui-button-focus-outline-color; + outline-offset: -2px; background: color.change($ui-highlight-color, $alpha: 0.05); - box-shadow: inset 0 0 0 2px $ui-button-focus-outline-color; } } @@ -4461,6 +4461,11 @@ a.status-card { background: var(--on-surface-color); } + &:focus-visible { + outline: 2px solid $ui-button-focus-outline-color; + outline-offset: -2px; + } + .icon { width: 22px; height: 22px;