@crazycells It’s not so much the height of the boxes that causes the issue here, but more the CSS class overflow: hidden;
. You could change that to the below
.posts-list .posts-list-item .content {
overflow: auto;
}
This would then give you something like this

Notice the scrollbar that appears meaning you scan keep the same panel height, but still scroll through the message to be able to read all of it.
If you wanted the panel height to size with the content, you’d need to do this
.posts-list .posts-list-item .content {
max-height: none;
height: auto;
}
Which in turn would result in this

I’d personally take the overflow: auto;
route as this is easier on the eyes. However, you get a balance of the two by setting a higher value for max-height
, so
.posts-list .posts-list-item .content {
max-height: 600px;
}
This would still require overflow: auto;
, but by setting max-height
you are able to increase the height of the panel to something more aligned with your requirements, and still be able to read the entire message without having to open it.

The block of HTML being targeted here is below
