CSS transform scale() on ionic rows


I have an accordion style menu that I got working perfectly by transitioning the height of the ion-rows of menu content. However I am trying to smooth the performance of my app, so I am switching my animations to transform scaleY(). However, this is only scaling the row content and not the row itself, so that even when the content is closed, the row is still the same size.

Here is what it should look like with everything closed:

Here is what happens with everything closed: