title: input submit is not working in google chrome
body: <p>the Form and input in the Google Chrome browser do not work properly, but when I open the Firefox browser, it works properly. The design structure is completely crashed in the Google Chrome browser. The height of the form and the button is too high. Please help me.</p>
  
  <pre><code>&lt;form id="mc4wp-form-1" class="mc4wp-form mc4wp-form-380" method="post" data-id="380" data-name="cdb_subscribe_form"&gt;
  &lt;div class="mc4wp-form-fields"&gt;
      &lt;div class="newsletter-form"&gt;
          &lt;input class="form-control" type="email" name="EMAIL" placeholder="enter email" required=""&gt;
          &lt;input type="submit" value="submit"&gt;
          &lt;p&gt;
          &lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;label style="display: none !important;"&gt;Leave this field empty if you're human:
      &lt;input type="text" name="_mc4wp_honeypot" value="" tabindex="-1" autocomplete="off"&gt;
  &lt;/label&gt;
  &lt;input type="hidden" name="_mc4wp_timestamp" value="1554918468"&gt;
  &lt;input type="hidden" name="_mc4wp_form_id" value="380"&gt;
  &lt;input type="hidden" name="_mc4wp_form_element_id" value="mc4wp-form-1"&gt;
  &lt;div class="mc4wp-response"&gt;&lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>.newsletter-form {
    position: relative;
    display: -ms-flexbox;
    display: flex;
  }
  
  .newsletter-form:before {
    content: "\f003";
    font-family: 'FontAwesome';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 46px;
    pointer-events: none;
    color: #c7cedf;
    font-size: 16px;
    text-align: center;
    z-index: 1;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .newsletter-form .form-control {
    position: relative;
    width: 100%;
    line-height: 1;
    padding-left: 44px;
    border-radius: 0;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-radius: 0 10px 10px 0;
  }
  
  .newsletter-form input[type=submit] {
    border-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    height: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
  </code></pre>
  
  <p><strong><a href="https://i.stack.imgur.com/GR7C8.png" rel="nofollow noreferrer">Image</a></strong></p>