Issue Summary

On "Merge Pull Request" modal, the focus is not clearly visible on "Delete admin/readmetxt-1708517515857 after merging" checkbox when it is in selected state in Light and Dark mode. 

Steps to Reproduce

1. Open any project and activate "Repository" from header. 
2. Activate "Pull requests" link from side navigation. 
3. Activate "Merge" button. 
4. Observe that the "Merge pull request" modal appears.
5. Select "Delete admin/readmetxt-1708517515857 after merging" checkbox. 
6. Observe that the focus in not clearly visible for selected checkbox.

Screen Recording 

Screen Recording 2024-02-21 at 7.52.20 PM.mov

Actual Results

Focus is not clearly visible for the "Delete admin/readmetxt-1708517515857 after merging" checkbox when it is selected in Light and Dark mode. A clear focus indicator is not visually available as user tabs through these links using a keyboard.
As a result, users with learning and mobility impairments as well as those with and low vision will not be able to easily find out which element currently has the focus.

Expected Results

Focus indicator should be clearly visible while navigating between the links using a keyboard.

Set the CSS outline property for the mentioned links to ensure that clear focus indication is available for users.

Workaround

Currently there is no known workaround for this behavior. A workaround will be added here when available.

Environment

MacBook Pro (16-inch, 2021)
macOS Sonoma Version 14.1
Chrome - Version 119.0.6045.159 (Official Build) (arm64)
Firefox- Version 93.0 (32-bit)
Safari- Version 17.1 (19616.2.9.11.7)
JAWS- Version 2023
NVDA- Version 2020.3
Voiceover - Version Latest