List card text overflowing

When using a list card to display information within a collection-repeat, if the text being displayed is multiline the card will overflow and does not expand to fit the content.

copy and paste the codepen into the browser as the applet isn’t working for me:

Example here: