Setting the text to something else than overflow:hidden will hinder the layout/view in some way or another. It is the browser job to determine what text to hide, different browsers/os behave a little bit differently, there is not a hard set or config for make it work better. You can always play with css and perhaps find a better way, perhaps using ellipsis, text-overflow or a combination. If you come up with a better alternative of styling please share it!