Custom state cards shows up in more info dialog

I followed the instructions here:

I got the API working and everything, but for some reason the ha-aftership displays as a badge (which is alright). But the bigger problem is that the custom state card does not show up as a card, rather the state card data shows up in the “more info dialog” when I click on the badge.

How do I make it so it displays as a card on the homepage?