title: React Material, Align Items with Flexbox having HelperText
body: <p>How do I align helper text with other items in a Flexbox , flex-direction horizontal?
  Its currently using Box with MUI text fields and selects. The first item below is shifted upwards due to helper text. <code>Align-items</code> center currently does not fix problem.</p>
  <p><a href="https://i.stack.imgur.com/YuMiC.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YuMiC.png" alt="enter image description here" /></a></p>
  <p>Following question does not apply, since its not moving other elements, just not aligned. <a href="https://stackoverflow.com/questions/37508029/adding-errortext-to-material-ui-textfield-moves-other-elements">Adding ErrorText to material-ui Textfield moves other elements</a></p>
  <p><strong>Update:</strong> When I do <code>align-items: stretch</code>, everything looks good, but now the buttons filter at the right is kind of sunk below. Is there a clean way of fixing this, without adding a margin top for the right button?</p>
  <p><a href="https://i.stack.imgur.com/LIbWC.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/LIbWC.png" alt="enter image description here" /></a></p>