Long strings of text unbroken by whitespace breaks layout in web app goal "Settings" screen


First screenshot shows expected behavior with the “Commitment” tab selected:

Second screenshot shows broken behavior with the “Settings” tab active. Long strings of text unbroken by whitespace appear to be the issue:

Third screenshot shows at a possible partial fix, by adding CSS rules: .goal-bottom-tabs { display:block; overflow:hidden; }. This may not be ideal — just a proof of concept.


Given that this is perhaps likely to only happen with URLs in the fine print, making them clickable might also resolve the layout issue…


@bee fixed this last night! Thanks so much for the bug report! More stickers for you! <3