On sites with new responsive theme, word wrap on long titles breaks in the middle of a word

Question

For sites that have the new responsive theme enabled, where the "Ask Question" button is in line with the question title on question pages, the word wrap on long titles is not working correctly. It will break a word across two lines. Here is an example from Personal Finance and Money:

Maximum width, left nav hidden:

Narrow width:

This is also happening on beta sites. Here is an example on Sports:

These screenshots were all taken on Firefox, but I am seeing the same problems in Chrome and Internet Explorer.

One more example:

Answer 1

We’re breaking lines less aggressively now. This is a bugfix of a bugfix. No good deed goes unpunished 😛

Answer 2

Suggested CSS fix for Stack Exchange webmasters:

Replace all instances of your current class (in stacks.css):

.wb-break-all {
    word-break: break-all !important;
}

With a human-friendly class:

.wb-overflow-wrap: {
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}

This way you'll never have overflow (that was the intent, right?) and the wrap will always be on words, not on characters.

_{ps: last time I did some CSS was fifteen years ago, so forgive me if my suggestion is imperfect.}