Links not breaking causing responsiveness issues


I found quite a few of other forum questions like mine, but haven’t gotten the perfect answer yet. Basically, on my data privacy page are lots of long external links. When I switch to tablet or mobile view, those links don’t break, causing the entire paragraph to overflow horizontally to the right.

Someone had suggested to add this to the custom code section:

a {
word-break: break-all;

So, I did that and it works in the sense now that the links are breaking on the respective breakpoints. However, the defined right margin still doesn’t work that way. So on mobile view for example, I defined margin right to 40 px but with that extra custom code, the links are just breaking with 0 px margin right. Any idea how I can fix this?