Select element grows differently than input in display flex

Question

I\'m getting an unexpected behavior in my setup. The inputs grow horizontally as expected but on the row with a select control, the growth seems to be distorted.

I s

Answer 1

If you want all the flex-items to be the same length, you should use the css 'flex' property, so just set div.input-element to flex:1.