Long error messages break the viewport on narrow screen sizes

The issue should be clear from the screenshot, I think the benefit of being able to see the whole error on one line is out weighed by the disorientation, especially if the errors are constant. Let's assume you can't fix them on a phone.

We have a few options here:

• Set break-word on the message box, so the error messages line wrap
• Set an overflow-x: scroll on the messages box so the messages stay on one line but you can scroll horizontally to read them without breaking the viewport

We might also want to think about fixing a fairly large max-height to the messages box, to prevent an extremely long scroll to get to the actual page content.