How can I add a smooth transition to Dawn accordion tabs?

[Nataliabrown]

I'm looking to add a smooth transition to the Dawn accordion tabs. At the moment they open without a smooth transition and it doesn't look very good. Any advice on this would be super helpful!

[ParkdaleDigital]

Depending on how the tabs were styled you could apply css style transition - https://developer.mozilla.org/en-US/docs/Web/CSS/transition

[Nataliabrown]

The tabs are the default collapsible rows that come with Shopify Dawn. I tried adding a transition but this doesn't work.

[ParkdaleDigital]

Ah sorry, looks like it is a details html element. Look like you'll have to use Js to animate the slide out. https://css-tricks.com/how-to-animate-the-details-element-using-waapi/