Toast close button doesn't show for very wide toasts

[MasterOdin]

Do you want to request a feature or report a bug?

Bug

What is the current behavior?

If a toast shows text that has words that stretch the toast div, then the close button will end up being pushed outside the clickable space.

If showing a toast that has a lot of text

If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem. Your bug will get fixed much faster if we can run your code and it doesn't have dependencies other than React. Paste the link to your CodeSandbox (https://codesandbox.io/s/new) example below:

https://codesandbox.io/s/exciting-sanne-pwv8pw?file=/App.js

What is the expected behavior?

The close button should ideally always show, even if the content is quite large.

I've found that adding the rule fixes this:

.Toastify__toast-body {
  max-width: 95%;
}

Though, the text may overflow the body, it'll at least show the close button.

Which versions of React, and which browser / OS are affected by this issue? Did this work in previous versions of React?

This affects React 16+, and have tested in macOS chrome / firefox.