Почему span меняет свой height при разном позиционировании?

У меня есть 3 span-а, и когда я делаю бургер,у одного из них возникают проблемы с высотой самого span-a. Для примера когда задаю позиционирование top: calc(25% + 4px) - все норм с ним, но когда ему задаю top: calc(25% + 5px) то он стает толще. В чем проблема?

Может кто-то знает с чем связана эта проблема?