The bottom padding of the child container is visible when expander card is collapsed

I'm using a Tile card as a title card. To make it look as native as possible when the expander card is colapsed, I've set `padding: 0` globally (for the entire expander card). However, to prevent the child cards from extending all the way to the left and right edges, I added the following padding under Styling: ``` .children-container { padding: 0px 10px 0px 10px !important; } ``` This works perfectly. But if I also adjust the padding between the child cards and the bottom of the expander card like this: ``` .children-container { padding: 0px 10px 10px 10px !important; } ``` Then, unfortunately, this bottom padding is also displayed when the expander is collapsed. If I then try using instead ``` .header.animation.open > .children-container, .header.animation.opening > .children-container { padding: 0px 10px 10px 10px !important; } ``` I can suppress that, but the (bottom) padding gets animated along with it, and first the child cards collapse and then the bottom spacing, which results in an unattractive animation. Ideally, I’d like to have the padding non-animated. **Is there any way to increase the space between the expander card bottom and the child cards without it being visible when the card is colapsed?** Maybe an additional gap below the child cards?