The problem is your massive line-height
. I realize that you do this to vertically center the text, but you are going to have to find another way. Since you are using set height, you can just use top
or margin-top
to push the text down to midway.
If you want to cover the case of your text going onto multiple lines, you can use the translateY(-50%)
transform.