Error and warning message width should match with the rest of the form

[tloubrieu-jpl]

🐛 Describe the bug

See video here with an example of a very wide message

Screen.Recording.2022-03-14.at.10.57.19.AM.mov

📜 To Reproduce

Steps to reproduce the behavior:

1. Go to '...'
2. Click on '....'
3. Scroll down to '....'
4. See error

🕵️ Expected behavior

The width of the error or warning box should be aligned with the rest of the form

📚 Version of Software Used

🩺 Test Data / Additional context

🏞Screenshots

🖥 System Info

• OS: [e.g. iOS]
• Browser [e.g. chrome, safari]
• Version [e.g. 22]

---

🦄 Related requirements

⚙️ Engineering Details

[eddiesarevalo]

@tloubrieu-jpl I'm not sure how you got a super long no break string but I simulated it by hard coding an error with a long string. I added a css style to break the string if it doesn't fit. So it won't show a long div anymore.

[tloubrieu-jpl]

That will be perfect, thanks @eddiesarevalo.