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

**URL:** <https://forum.beeminder.com/t/long-strings-of-text-unbroken-by-whitespace-breaks-layout-in-web-app-goal-settings-screen/3956>\
**Category:** Bugabee\
**Created:** [June 2, 2018, 7:08pm UTC](https://forum.beeminder.com/t/long-strings-of-text-unbroken-by-whitespace-breaks-layout-in-web-app-goal-settings-screen/3956 "2018-06-02T19:08:41Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![mattepp](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.beeminder.com/mattepp/32/1546_2.png) [@mattepp](https://forum.beeminder.com/u/mattepp)\
**Post date:** [June 2, 2018, 7:08pm UTC](https://forum.beeminder.com/t/long-strings-of-text-unbroken-by-whitespace-breaks-layout-in-web-app-goal-settings-screen/3956/1 "2018-06-02T19:08:41Z")

</div>

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

 ![expected](https://us1.discourse-cdn.com/flex019/uploads/beeminder/original/2X/7/76020f8a0eba1be4f5f8feab0eb4b07656d25342.png)

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

 ![broken](https://us1.discourse-cdn.com/flex019/uploads/beeminder/original/2X/c/c098d29e5b4626cdb597877ad267607a9979c768.png)

**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.

 ![proof-fix](https://us1.discourse-cdn.com/flex019/uploads/beeminder/original/2X/d/d74f0ff2aa45b81633a6057c5967d55d0bc03035.png)

---

<div class="post-metadata">

**Author:** ![philip](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.beeminder.com/philip/32/1505_2.png) [@philip](https://forum.beeminder.com/u/philip)\
**Post date:** [June 6, 2018, 6:39pm UTC](https://forum.beeminder.com/t/long-strings-of-text-unbroken-by-whitespace-breaks-layout-in-web-app-goal-settings-screen/3956/2 "2018-06-06T18:39:14Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![dreev](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.beeminder.com/dreev/32/4311_2.png) [@dreev](https://forum.beeminder.com/u/dreev)\
**Post date:** [June 14, 2018, 11:30am UTC](https://forum.beeminder.com/t/long-strings-of-text-unbroken-by-whitespace-breaks-layout-in-web-app-goal-settings-screen/3956/3 "2018-06-14T11:30:48Z")

</div>

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

[http://beeminder.com/changelog#2680](http://beeminder.com/changelog#2680)

---

<div class="post-metadata">

**Author:** ![mattepp](https://sea1.discourse-cdn.com/flex019/user_avatar/forum.beeminder.com/mattepp/32/1546_2.png) [@mattepp](https://forum.beeminder.com/u/mattepp)\
**Post date:** [June 14, 2018, 3:03pm UTC](https://forum.beeminder.com/t/long-strings-of-text-unbroken-by-whitespace-breaks-layout-in-web-app-goal-settings-screen/3956/4 "2018-06-14T15:03:21Z")

</div>

Confirmed!