Blog post metadata line break bug

Site URL: https://betacellpodcast.com/episodes

On my blog listing page, I have two types of metadata display: category (primary) and tags (secondary). But if the length pushes the metadata to a second line, there is a really weird line break in the category instead of just wrapping the tags. Only solution I can find is to eliminate tags so it doesn't wrap (not ideal) and shrink the text size (also not ideal).

I didn't see the break full screen on my laptop but if I shrink the view down to tablet or mobile, its there. 

Add to Home > Design > Custom CSS

span.Blog-meta-item.Blog-meta-item--categories {
    line-height: 20px !important;
}
span.Blog-meta-item.Blog-meta-item--tags {
    line-height: 20px;
}

That solved most of them but still have this on the first page. Is it just a matter of how long it is? I'm not sure where SS is putting the break--instead of everything wrapping to the next line it's like the category and tag each have their own wrapping places.

It is meta font line height setting. Try checking again.