Super navigation header visual bug on mobile when text scale is increased

[AshGDS]

On smartphones, it's possible to increase the font size of the entire operating system in the settings. Some stats suggest it's quite common to increase the font size e.g. https://dev.to/sigute/accessible-text-scaling-for-android-1ham . If you increase your font size in Android, Firefox automatically increases the font scale of pages. On Chrome however, you need to go to Settings > Accessibility in the app and increase the font scale for web pages.

When the font scale is increased, this creates a visual bug with our menu button as it moves onto the grey background.

You can replicate this on Firefox Desktop by enabling "Zoom Text Only" in the browser settings, then making your browser width a mobile size and zooming in.