diff --git a/src/frontend/src/features/rooms/livekit/components/ParticipantTile.tsx b/src/frontend/src/features/rooms/livekit/components/ParticipantTile.tsx index ea00dd77..d2effed4 100644 --- a/src/frontend/src/features/rooms/livekit/components/ParticipantTile.tsx +++ b/src/frontend/src/features/rooms/livekit/components/ParticipantTile.tsx @@ -117,7 +117,9 @@ export const ParticipantTile: ( 'aria-label': t('containerLabel', { name: participantName }), onFocus: (event: React.FocusEvent) => { elementProps.onFocus?.(event) - setHasKeyboardFocus(true) + const target = event.target as HTMLElement | null + const isFocusVisible = !!target?.matches?.(':focus-visible') + setHasKeyboardFocus(isFocusVisible) }, onBlur: (event: React.FocusEvent) => { elementProps.onBlur?.(event)