Axes component breaks expected layout when outside of flexbox

[hudson-newey]

I have observed that if the axes component is not wrapped inside a flexbox container, it will overflow.

The overflow behavior on Chrome and Firefox are not the same.

I have previously not seem this because our components have either:

• Been inside a flexbox container (e.g. verification grid)
• Or been standalone on the page (e.g. the spectrogram dev page). This meant that the overflow was present, but could not be observed

Screenshots

Image of overflow bug on chrome

---

Image of overflow bug on Firefox

[hudson-newey]

This is effecting the doc websites spectrogram creator