[Explorer] Fixes text overhang in failure message in Transaction Results Page

[apburnie]

Current

Before

[mystie711]

@Andrew47 could i request we add the info icon and round the corners to align with the spec here,
https://www.figma.com/file/kSD0qXCIDZA4KQVNepA5hR/02-Explorer?node-id=202%3A43102

For mobile, the wrapping and flow to "hug content" like you have in screenshot you attached looks good.

[apburnie]

@Andrew47 could i request we add the info icon and round the corners to align with the spec here, https://www.figma.com/file/kSD0qXCIDZA4KQVNepA5hR/02-Explorer?node-id=202%3A43102

For mobile, the wrapping and flow to "hug content" like you have in screenshot you attached looks good.

Thank you @mystie711 for raising the issue that a number of deltas have emerged between the Transactions Results Status Message on the website and that in the Figma Design.

I've put together the PR #4485 to address the gaps between the Figma Design and the website. There are other deltas including differences in the font weight and colours used. Let me know whether PR 4485 meets the problem or if further alterations are required.

The scope of this PR 4462 is specifically about the text overhang issue raised by @adeabiodun. From the above feedback, can we get an approval of this PR 4462 to fix the accute issue of the text overhanging on mobile?