Fix unexpected work break

On metadata description (and possible other places), world will break unexpectedly.

Example on screenshot.
This seems to do with CSS style definition: word-break: break-all;

CSS hyphen should be applied and a less aggressive solution on world break.
Goal is to break words that don't fit the width in an elegant fashion.

Proposal
Use of CSS style :
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto;

Seems to do a good job but wasn't tested properly. Or tried in other places