css - Add padding to a CSS3 Flebox item -

i'm trying add fixed padding element inside flexbox layout. problem padding enlarges element size, if no box-sizing: border-box applied.

here exemple codepen: http://codepen.io/anon/pen/nuzbd

any hint on why happening?