Граница размера коробки не работает, высота все еще включает отступы

У меня проблема, я использовал коробку-размерную рамку со всеми необходимыми префиксами браузера, и они работали миллион раз. Однако в этом примере он просто не работает http://eg-dev.myshopify.com/ Осмотрите верхние левые социальные значки. В частности, этот блок:

<div class="social-media">
    ...
</div>

Здесь CSS:

#toolbar .social-media {
  padding: 5px 0;
  height: 17px;
}

И подстановочный ящик:

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

Однако div.social-media отображается как 7px height + 5px + 5px padding. Есть идеи? Я проверил разметку HTML и без ошибок.

спасибо