diff --git a/app/assets/stylesheets/common/components/user-card.scss b/app/assets/stylesheets/common/components/user-card.scss
index 80d8162196a..307aadcc481 100644
--- a/app/assets/stylesheets/common/components/user-card.scss
+++ b/app/assets/stylesheets/common/components/user-card.scss
@@ -72,7 +72,7 @@ $avatar_margin: -50px; // negative margin makes avatars extend above cards
         display: flex;
         align-items: center;
 
-        &:focus {
+        &:focus-visible {
           border: 1px solid;
           @include default-focus;
         }