Styling for error alert message on playground website is not align properly

[goffxnca]

Version

3.2.30

Reproduction link

https://sfc.vuejs.org/

Steps to reproduce

1. Go to https://sfc.vuejs.org/
2. Click adds a new file using the plus(+) icon.
3. Put character 'a' in the file name textbox and enter to submit creating the file.
4. The error message will show up, but the styling of this error message like horizontal&vertical scrolling appears in the wrong position.

What is expected?

The overflow styling should be applied to the container of that error message not the inner tag.

What is actually happening?

The overflow:scroll style should be apply to the class .msg.err not the HTML pre tag inside the .msg.err class

Current:

Expected:

Let me know if this is okay to adjust then I'll submit the PR.

[yyx990803]

Hmm... didn't realize it shows scroll bars on windows. I think it's probably better to hide the scroll bars alltogether.

[yyx990803]

vuejs/repl#24