Well, I happened to encounter it (again) today while writing the post for checking responsive design.
What to do?
well, you can just add this as global CSS:
a[href]{
overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all;
word-break: break-word;
}that’s it, remember to flush CSS cache if you happen to use cache.
reference: https://css-tricks.com/better-line-breaks-for-long-urls/