center icon and text together in a non-vertical layout

[mj-mo]

Hi,

I have a button that is using the "icon_state" layout, so not vertically arranged, and it's automatic arrangement is with the icon nearish the left side and the state text seemingly centered in a container to the right of the button.

I am wanting the icon and button centered, but specifically padding elements doesn't really work because the state text changes.

align-self, align-items, align-text haven't seemed to work because the icon and text appear to be in separate containers/divs and I don't know how to size and move those two elements as a single group.

Thanks!