# Stop word breaks in rich text component

**URL:** <https://community.glideapps.com/t/stop-word-breaks-in-rich-text-component/75949>\
**Category:** Ask for Help\
**Created:** [August 28, 2024, 4:38pm UTC](https://community.glideapps.com/t/stop-word-breaks-in-rich-text-component/75949 "2024-08-28T16:38:07Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![paul3463](https://avatars.discourse-cdn.com/v4/letter/p/8c91f0/32.png) [@paul3463](https://community.glideapps.com/u/paul3463)\
**Post date:** [August 28, 2024, 4:38pm UTC](https://community.glideapps.com/t/stop-word-breaks-in-rich-text-component/75949/1 "2024-08-28T16:38:07Z")

</div>

I am rebuilding apps from the classic to new format. In the classic app the text in Rich Text components does not break words in the middle (ie the whole word moves to a new line).

In the new version the word con be divided in a strange position with a hyphen (ie some on one line and some on the next line). Can I stop this?

On my plan I can add additional CSS if required (ideally for the whole site - not just compnent by component).

I have atttached a screen shot showing what I am trying to avoid.

 ![Screenshot 2024-08-28 at 17.31.03](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/a/2a34120bad8aefb2db592b39fdd1a05ef4bfca2b.png)

Thanks

Paul

---

<div class="post-metadata">

**Author:** ![Mark\_Turrell](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mark_turrell/32/26605_2.png) [@Mark\_Turrell](https://community.glideapps.com/u/Mark_Turrell)\
**Post date:** [August 28, 2024, 7:40pm UTC](https://community.glideapps.com/t/stop-word-breaks-in-rich-text-component/75949/2 "2024-08-28T19:40:01Z")

</div>

the way I handle this in my apps right now is a template column:

desc

with desc being my content.

I have also languages like German and it can be quite horrible to read with hyphens!

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [August 29, 2024, 12:05am UTC](https://community.glideapps.com/t/stop-word-breaks-in-rich-text-component/75949/3 "2024-08-29T00:05:32Z")

</div>

```auto
div, p > * {
word-break: keep-all;
hyphens: none;
-webkit-hyphens: none;
-ms-hyphens: none;
}

```

I don’t know why using `body` doesn’t work, but you can try the snippet above.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/6/26f96d062d50eaedd138ed6043ca9a5105220f61.jpeg)

---

<div class="post-metadata">

**Author:** ![paul3463](https://avatars.discourse-cdn.com/v4/letter/p/8c91f0/32.png) [@paul3463](https://community.glideapps.com/u/paul3463)\
**Post date:** [August 29, 2024, 7:36am UTC](https://community.glideapps.com/t/stop-word-breaks-in-rich-text-component/75949/4 "2024-08-29T07:36:45Z")

</div>

Thanks.

I have tried:

div, p \> \* { word-break: keep-all; hyphens: none; -webkit-hyphens: none; -ms-hyphens: none;  
}

and it does work.

I have also tried:

p {

hyphens: none;

}

and that seems to work too - though I am not sure if it will have odd results elsewhere.

Thanks again.

Paul