Originally from silverstripe/silverstripe-elemental-fileblock#9

Reproduce

1. Install silverstripe/elemental-fileblock on 2.x-dev and dnadesign/silverstripe-elemental on 4.x-dev
2. Create a page that has the ElementalPageExtension enabled
3. Add a FileBlock via the Add Block button
4. Click on the newly created File Block to expand it
5. Use the Browse link to add a file that is 2MB+
6. Observe an truncated error message as shown below

7. Hover over the error message and see that the tooltip does not show the entire message either

Acceptance criteria

• The user is able to read the error message presented in this scenario
• New design direction is followed
• Error messages extending the character limit on the line has been considered - does this need to be handled?

Design notes

• Exclude reference to any change outside of the error messaging, filename, file details, component size
• Make sure to have a look at the spacing, font sizes, and hight of the component/ item as referenced in the designs