Keyboard focus outline lost when tabbing to language choice button

[lee0c]

Steps to reproduce the problem

1. Go to a mastodon-based web UI (confirmed behavior w/ v4.5.2)
2. Tab through site until reaching the posting box
3. Tab to the visibilty/quote controls button. Notice the clear visual outline
4. Tab to the language button next. Notice how the outline almost entirely disappears

Expected behaviour

Language choice button should have identical outline to visibility button

Actual behaviour

Language choice button has tiny amounts of outline showing at the corners but otherwise no visible focus

Detailed description

I have debugged this and can point to the issue. The language button is nested in an extraneous div that, when removed, stops preventing outline visibility.

I would be happy to contribute a fix but I'm still trying to navigate the codebase. Figured I would open an issue in case someone can point me where to go (app/views/...?)

For visuals:

Here is the visibility button, focused

Here is the language button, focused

Here is the language button with fixed focus (button moved out from extraneous div)

Mastodon instance

tenforward.social

Mastodon version

v4.5.2

Browser name and version

Firefox 145.0.2 (64-bit)

Operating system

Windows 11

Technical details

No response

[lee0c]

Worth mentioning this also happens to the post button! It's because of padding: 0 on the containing divs in both cases.