Почему не работает height: 100% внутри блока с flex-grow в Google Chrome?

Собственно вопрос в заголовке, вот codepen.
В Chrome блок .main-wrapper не растягивается на всю высоту, во всех остальных браузерах растягивается. В чем проблема?
Спасибо.