title: Input field rises above rest of inputs if <h4> tag is added below it
body: <p>I have a modal and I'm trying to add an error message under the input field if a user enters an invalid value. However, as soon as I enter the value, the input rises above the rest of the fields. This is when I tried to type a zero after 'f'</p>
  <pre><code>            &lt;div&gt;
                &lt;div //the div that contains all 4 input fields
                  className=&quot;side-by-side&quot;
                  style={{
                    display: &quot;flex&quot;,
                    flexDirection: &quot;row&quot;,
                    justifyContent: &quot;space-between&quot;,
                  }}
                &gt;
                    &lt;div&gt;
                  &lt;ModalInput
                    type=&quot;text&quot;
                    id=&quot;name&quot;
                    value={company.name}
                    onChange={(e) =&gt;
                      this.editCompanyArr(index, &quot;name&quot;, e)
                    }
                   
                  &gt;&lt;/ModalInput&gt;
                  {!validInput &amp;&amp; &lt;h4&gt;Please enter a valid name&lt;/h4&gt;} //this the heading causing problem
                  &lt;/div&gt;
                  &lt;ModalInput
                    type=&quot;text&quot;
                    id=&quot;website&quot;
                    value={company.website}
                    onChange={(e) =&gt;
                      this.editCompanyArr(index, &quot;website&quot;, e)
                    }
                  &gt;&lt;/ModalInput&gt; //have omitted rest of inputs 
                  &lt;AddIconButtonMinus
                    type=&quot;button&quot;
                    onClick={() =&gt; this.deleteCompany(index)}
                  &gt;
                  &lt;/AddIconButtonMinus&gt;
                &lt;/div&gt;
                { index != newCompanies.length - 1 &amp;&amp; &lt;hr&gt;&lt;/hr&gt; }             
              &lt;/div&gt;
  </code></pre>
  <p>I would like the heading to just be added under the input and make the input aligned with the rest of the inputs</p>
  <p>This is the styles.js for the input fields:</p>
  <pre><code>export const ModalInput = styled.input`
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #f5f6f9;
    border-radius: 20px;
    background-color: #f5f6f9;
    height: 100%;
    width: ${props =&gt; props.width || 'auto'};
  `;
  </code></pre>