View Repositories : Focus is not clearly visible on the Repositories.

Issue Summary

On the Repositories management setting page, the repositories available have no focus indicator visible.

Steps to Reproduce

1. Launch the URL
2. In the sidebar navigate to the Repositories link and activate it.
3. Navigate with the keyboard on the available Repositories name in the main content area.

Screenshot

Screen Recording

 Screen Recording 2022-05-03 at 5.05.12 PM.mov

Actual Results

When users navigate for the Repositories in the main content area of the page, it is not possible to visually identify the current location on the “Repositories” link. No focus indicator is visually available as the user tabs through the links using a keyboard.

Expected Results

Provide a clear visual indication to users when their focus moves from one interactive web page element to another. This will help all users while accessing the page content, especially users with visual, mobility and learning impairments.  
Common keyboard focus indicator solutions include:

• A 2px box around the focused element
• A change in the background colour of the focused element
• The addition of an icon, such as an arrow, next to a menu item
• The addition of a thick line under or next to the focused element
• A distinctive change to the text of the component such as making it bold and/or underlined
• Use the default browser focus indicator. NOTE: Since each browser has its own default focus indicator style, check each of the major browsers (Chrome, Firefox, Edge, IE, Safari) to ensure the default focus indicator is visible as you tab through the page. 

Workaround

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

Bug Ref:741915