box-sizing: border-box; — свойства width и height элемента включают в себя ширину поля padding и ширину рамки border-width, таким образом, общая ширина и высота блока остается равной объявленной свойством width и height элемента, а ширина контента уменьшается.
То есть при расчетах высоты ваш padding отнимается от height контента, то так как height меньше padding то отнимать не от чего. Тот эффект, который Вы ожижаете будет наступать только при height > padding. Тогда будет высота контента, от которой можно отнять padding
Простой
