[Visual bug] Blank page on certain blocked URLs, simple CSS fix

[nixtoshi]

There are certain scam links being advertised on Facebook, I recently reported 2 of them.

However, these ads have very long URLs, this causes a visual bug on the Metamask warning page after they are blocked.

For example, try visiting this blocked site using the Metamask extension:

https://inquirer.pro/WwwNmYPh?utm_creative=New+Sales+ad&utm_campaign=PE%2FJaime+Bayly%2Fvideo&utm_source=fb&utm_placement=Facebook_Desktop_Feed&campaign_id=120225787927560429&adset_id=120225787927600429&ad_id=120225787927570429&adset_name=New+Sales+ad+set&emaill=2314&pixel=1196785042230272&token=EAAXD16w6QbcBO8nLerQHz1NZBeZCtvZAFFhmzyJgRpNodqxr5SZCoJulRExMrvIX1apQNEtTLWtWlqxnelsx4IsICMqE4qdZBZAA9w0k4N4IsqvkZCNQJbHDKSSHss3FVKDcOt8fMScpOtqXz4iUV9GUQlYIgwdSkC8SsRAHBM7nsPkZC6hZCxiOF5Qs7MgVF9gZDZD&domain=inquirer.pro&media_type=video&utm_medium=paid&utm_id=120225787927560429&utm_content=120225787927570429&utm_term=120225787927600429&fbclid=IwY2xjawKdsvZleHRuA2FlbQEwAGFkaWQBqyC3nhg0DQEeIx3vp7TpFC-QWZnFEnzvwC77gv5PCmoQKzlWuPeM23hmHyNknQ-kWu1Pz5c_aem_J0Y-lN4gpjbPlMTDYRZeJQ

The link shows a blank page, like this one:

The fix is adding this CSS to the .content__body class, so the text content in the URL doesn't expand the <div> tag, breaking the site's markup:

overflow: hidden;
max-width: 100%;

The file that needs to be modified seems to be this one (index.css):

phishing-warning/static/index.css

Line 148 in 47b4091

.content__body {