Modal width causes content getting cut off in small viewport sizes

Created by: supergibbs

The normal modal width is set to 600px on anything bigger than a sm viewport (34em/544px) so when the viewport is 544px to 599px, the modal width causes horizontal scrolling.

javier reported this in Slack and made the following demo: