Prevent text overflow on buttons

Currently my button text is extending past the bounds of the button, I would prefer for it to wrap and be constrained within the button.

How would I go about doing this?

@edlose that's strange, I'm not seeing that behavior on my button. Can you send over a screenshot?

Of course, it was probably worth mentioning that this is within a button group in particular

Hm, can you send a screenshot of how it's configured?

You mean this?

Ah, looks like this is because you're trying to display custom HTML in each button, which is overriding the default styling and stopping the text from being wrapped to the next line.

Might I suggest using a ListView component instead of the button group? That way you can use native text components, markdown, and have a lot more formatting control over how things will look.