Unity UI Panel Animation distorts buttons

Hello, I am trying to achieve the same animation effect in my settings panel as this game: https://play.google.com/store/apps/details?id=com.ketchapp.cloudpath&hl=en
In the images below I showed the final desired position of the settings panel, and wrote which animation I am looking for.
However, when I try to animate using the scale value, it distorts the images of the buttons. Therefore I tried to change the Height in the Rect Transform, but then the buttons just get “pushed out” since the panel disappears but the buttons stay.
Please help me achieve this animation.
Thank you.

Ok I got it working using a mask and an inner panel.