# Topic Cards

**URL:** https://meta.discourse.org/t/topic-cards/296048
**Category:** Theme component
**Tags:** official, topic-cards
**Created:** [February 20, 2024, 12:04pm UTC](https://meta.discourse.org/t/topic-cards/296048 "2024-02-20T12:04:45Z")
**Posts on this page:** 1
**Showing post:** 27

<div class="post-metadata">

### Author: ![traceymoko](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/traceymoko/32/483235_2.png) [@traceymoko](https://meta.discourse.org/u/traceymoko)
#### Post date: [April 14, 2024, 4:44am UTC](https://meta.discourse.org/t/topic-cards/296048/27 "2024-04-14T04:44:13Z")

</div>

> [@Gonerdot](#):
>
> I tried to install this component on many themes, but it looks a little crooked everywhere. What am I doing wrong?
> 
> ![image](https://global.discourse-cdn.com/meta/original/4X/5/4/b/54b624514df084d09576ef31e2bcfcf84df72a40.jpeg)

> [@chapoi](#):
>
> Okay so, the topic-cards need a max-height, otherwise you get issues like:

> [@chapoi](#):
>
> It might have something to do with the font-size, font-family, or line-height. Unfortunately that will require some individual tweaking, and not something I can apply a fix-for-all for.

Just want to share in case anyone else finds it helpful:

For me, I had the same issue with the max height of the topic card not being large enough if there is a thumbnail – when installing this as a theme component on the Minima theme.

This is the relevant CSS that I used to fix it:

```plaintext
// Increase max height for topic cards with thumbnail
.topic-card:has(.topic-card__thumbnail) {
    max-height: 275px;
}

```

(The default height seemed to be 210px when I checked in the inspector)

Might need adjusting though – haven’t checked on mobile widths.

## Before

 ![IMG_8225](https://global.discourse-cdn.com/meta/original/4X/9/1/1/911e29156122ee4d8fb8c43aad1d90c1a5b2125c.jpeg)

## After

 ![IMG_8226](https://global.discourse-cdn.com/meta/original/4X/4/e/4/4e45bfa9d4ed1ef8fc75f9387b275879b650ecb7.jpeg)

 ![image](https://global.discourse-cdn.com/meta/original/4X/4/a/4/4a427aa19b126c98e9c987cfecd5d1311c328d6e.jpeg)

---

_[View the full topic](https://meta.discourse.org/t/topic-cards/296048)._