Does collapse not work inside a list or am I doing something else wrong?

[ilyvion]

I have this list where I want to have something collapsible inside of it, and it's behaving odd. Here's a playground showing the problem: https://play.tailwindcss.com/rvS8Mt7eDN

The "collapsed" element takes up as much space as it does when expanded instead of shrinking and growing like it does when used outside the list.

Does anyone have a clue what's going on?

It has nothing to do with my removal of the padding/margins on the collapse elements; you get the same problem if you take those out. I just don't want all the "native" spacing. It reveals another problem though, which is overlap between the collapse-title and the collapse-content: https://play.tailwindcss.com/bKA2oCeF76