How it looks on Foundation and Meta Branded:

The number and arrow containers should be the same size.
How it looks on Foundation and Meta Branded:

The number and arrow containers should be the same size.
I do not see this on mobile. I assume this is desktop?
Thanks, I dug more: It’s because of the new foundation theme, which is also used on Meta Branded, and happens both on desktop and mobile.
I’m not sure if it should be moved to Modernizing the Foundation theme or not.
Made the exec decision to do so ![]()
This has been fixed & will be updated soon
On dark theme, the active state on certain buttons (mostly visible with keyboard navigation, only transient when using mouse/touch) is dark purple on dark background and harsh to the eyes:
![]()
Red hover state as well:
![]()
But the worst is the “danger” button with a red background and dark text:

Perhaps simply tweaking the red value/brightness would fix the 2nd and 3rd points.
Is this only on this meta theme?
Yeah. On foundation:
active
![]()
hover
![]()
danger

Better contrasts than Meta Branded.