Adding Padding to Flex Elements - IE Bug

[numnx]

I had some problems when adding padding to flex Elements.
Problem: Elements are bigger than expected - the last Element is in a new row. The problem only occurs in Internet Explorer and can be fixed by adding a max-width or by adding "flex-basis: auto;" to the Flex Elements.

Example:

HTML:

<div class="g-grid">                        
        <div class="g-block size-25 somepadding">

CSS:

.somepadding {
  padding: 10px;
}

.size-25 {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    box-flex: 0;
    -webkit-flex: 0 25%;
    -moz-flex: 0 25%;
    -ms-flex: 0 25%;
    flex: 0 25%;
    width: 25%;
    flex-basis: auto;
}

Fix:
*[class*='size-'] { flex-basis: auto; }

It would be great to see this fix in your next Version or maybe there is a better solution for this problem.
Thanks