Line height doesn't align in Auto layout

Hi all,

I’m working on a badge design and created my background as 20px height and the text inside is 14pt/20px line height.

The problem is when I place the text inside the box it doesn’t align in the middle. I have changed the line height to 16 and it didn’t work.

I have this annoying space under the font that I can’t adjust.

Help would be much appreciated.

Cheers

My font is Avenir Next btw