title: How can I change the width of the input box?
body: <p>I am trying to change the width of an inout box in the header of my website, but am unable to. I have tried using <code>style= "width: Xpx"</code> but it does not work.</p>
  
  <p>Could someone be so kind to help me out?</p>
  
  <pre><code>&lt;div class="input-group"&gt;
      &lt;label for="Email" class="visually-hidden"&gt;{{ 'contact.form.email' | t }}&lt;/label&gt;
        &lt;input type="email" style="margin: 0" style="width:250px;" value="{% if customer %}{{ customer.email }}{% endif %}" placeholder="{{ 'general.newsletter_form.newsletter_email' | t }}" name="contact[email]" id="Email" class="input-group-field" aria-label="{{ 'layout.footer.newsletter_email_placeholder' | t }}" autocorrect="off" autocapitalize="off"&gt;  
      &lt;span class="input-group-btn"&gt;
          &lt;button type="submit" class="btn" name="commit" id="subscribe" style="font-size: 16px;"&gt;{{ 'general.newsletter_form.submit' | t }}&lt;/button&gt;
        &lt;/span&gt;
    &lt;/div&gt;
  </code></pre>