Изменение высоты блока после использования display: flex;

Question

Чем объясняется изменение высоты элемента?
В первом случае мы имеем высоту 18px в chromium и 19px в firefox, а во втором 16px везде.

.block {
  display: block;
}

.flex {
  display: flex;
}

.plain-text {
  color: tomato;
  line-height: 16px;
}

<div class="block"><span class="plain-text">SOME TEXT</span></div>
<div class="flex"><span class="plain-text">SOME TEXT</span></div>