diff --git a/src/components/about/about.module.css b/src/components/about/about.module.css index aaba9aa..641d30d 100644 --- a/src/components/about/about.module.css +++ b/src/components/about/about.module.css @@ -86,5 +86,9 @@ &:hover { background-color: var(--color-neutral-100); } + + &:focus-visible { + outline: 1px solid white; + } } } diff --git a/src/components/buttons/play/play.module.css b/src/components/buttons/play/play.module.css index f40798a..af84c78 100644 --- a/src/components/buttons/play/play.module.css +++ b/src/components/buttons/play/play.module.css @@ -27,4 +27,8 @@ & span { font-size: var(--font-lg); } + + &:focus-visible { + outline: 1px solid white; + } } diff --git a/src/components/buttons/unselect/unselect.module.css b/src/components/buttons/unselect/unselect.module.css index 797d0a7..23fcdcd 100644 --- a/src/components/buttons/unselect/unselect.module.css +++ b/src/components/buttons/unselect/unselect.module.css @@ -23,6 +23,10 @@ &:hover { background-color: var(--color-neutral-200); } + + &:focus-visible { + outline: 1px solid white; + } } .tooltip { diff --git a/src/components/sound/favorite/favorite.module.css b/src/components/sound/favorite/favorite.module.css index c12cb04..f915be1 100644 --- a/src/components/sound/favorite/favorite.module.css +++ b/src/components/sound/favorite/favorite.module.css @@ -24,4 +24,8 @@ &.isFavorite { color: var(--color-foreground); } + + &:focus-visible { + outline: 1px solid white; + } }