Inset Blue Focus Ring on Vertical Tabs

[jeryj]

Description

The vertical tabs have a regression in their focus styles where it is inset from the highlighted indicator.

Step-by-step reproduction instructions

• Go to the Preferences Pane
• Go to the tabs
• Use the arrow keys to move between the tabs
• Blue focus ring is inset from the gray indicator

Screenshots, screen recording, code snippet

Patterns Category Tabs

Preferences Tabs

Environment info

No response

Please confirm that you have searched existing issues in the repo.

• Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

• Yes

[jeryj]

@ciampo @DaniGuardiola @t-hamano - Pinging because it looks like y'all have been working hard on the animation improvement from #64926 :)

[DaniGuardiola]

Those screenshots are from an older version of Tabs. If you try the latest trunk you'll see the changes that I think fit what you're after in this issue, let me know :)

[DaniGuardiola]

Ah, wait, I think the PR that was supposed to take care of this failed to merge due to test errors. Let me take a look. In any case, the associated PR should be closed, though appreciate the effort!

[jeryj]

I tested out #65387 and it looks like it fixes this well. Thanks!