How to remove gap between actual text and top of the line in bootstrap display-4 element

I’m using Bootstrap v5.3.0-alpha3.

I want the word "august" to be aligned in the top of the blue box or the "block" of h1. I don’t understand why there is gap between the top of the line and the actual text. I tried reducing the line-height with CSS but that makes the next line overlap with it.

It’s a book review page, but I’ve used songs as placeholders for now.

You need to sign in to view this answers