I noticed that the default behavior for a TextButton is kind of weird. Depending on how long the text is and how large the font size, it starts wrapping to the next line for no particular reason. You don't even need to set the width or max-width. This doesn't look great, and I found it unintuitive.
I found that adding the following CSS for TextButton ensured that the text doesn't wrap by default: white-space: nowrap; overflow: hidden; text-overflow: ellipsis; If the width or max-width of the button is set, the text will be truncated with ellipsis (...) if it's too long. This seems like a better default to me. If we wanted to make it easy to enable wrapping, maybe we could expose the white-space through SimpleCSSStyles. Setting it to "normal" instead of "nowrap" will re-enable wrapping, if that's what is desired. - Josh