diff --git a/src/components/Menu/Item/Item.module.css b/src/components/Menu/Item/Item.module.css index 8ef59f8..30e6546 100644 --- a/src/components/Menu/Item/Item.module.css +++ b/src/components/Menu/Item/Item.module.css @@ -10,9 +10,10 @@ var(--menu-item-inline-end-padding) var(--menu-item-block-padding) var(--menu-item-inline-start-padding); + border: 1px solid transparent; color: var(--color-general-text); text-decoration: none; - transition: color 0.15s, background-color 0.15s; + transition: color 0.15s, background-color 0.15s, border-color 0.15s; } .text { @@ -35,6 +36,11 @@ background-color: var(--color-secondary-background); } +.link:focus { + border-color: var(--color-active-background); + outline: none; +} + .link.parent { background-color: var(--color-secondary-background); }