Transition only applies in one direction?

I have a button that expands the width on a component and I apply an ease transition to it. It works in one direction, but when I reduce the width back to the original size, the transition doesn’t apply.

Is this expected functionality or a possibly a bug?

What do you use to change the width? You always have to apply the transitions to the original/main state, otherwise you get ugly one sided transitions.

I originally had it binded to a variable, and it went from 65% to 30%. I then made it a state change instead of having the formula binded into the width. Nothing changed. The transition has always been applied on the original main state.

On which state do you have the transition? The default or the new one?

The default state