.css-truncate will shorten text with an ellipsis. The maximum width of the truncated text can be changed by overriding the max-width of
.css-truncate-target. Unless the full text is so long that it affects performace, always add
title to the truncated element so the full text can still be seen.
You can reveal the entire string on hover with the addition of