Contact form field text doesnt fit on mobile

[mindageris]

This is the code:

{% comment %} staff? {% endcomment %}
<div class="field">
<input
class="field__input"
autocomplete="Do you have staff for customer support/engagement?"
type="text"
id="ContactForm-Staff"
name="contact[Staff]"
value="{% if form.name %}{{ form.name }}{% elsif customer %}{{ customer.name }}{% endif %}"
placeholder="Do You have staff for customer support/engagement?"
>
<label class="field__label" for="ContactForm-name">Do You have staff for customer support/engagement?</label>
</div>

{% comment %} Website or social media {% endcomment %}
<div class="field">
<input
class="field__input"
autocomplete="What's Your website or social media account?"
type="text"
id="ContactForm-Website"
name="contact[Website]"
value="{% if form.name %}{{ form.name }}{% elsif customer %}{{ customer.name }}{% endif %}"
placeholder="What's Your website or social media account?"
>
<label class="field__label" for="ContactForm-name">What's Your website or social media account?</label>
</div>


This is the site: https://automatica.it.com/pages/contact


how do I make it fit on mobile?

[KetanKumar]

@mindageris oh sorry for that issue can you try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.

@media (max-width: 749px) {input#ContactForm-Staff {height: 7rem;}}