line-height 取ると見た目が変わるので

line-height: 24px

を与えている分、margin-top と margin-bottom に 12px 与えれば直るぽい。