How to override email field

I tried to override email field. I want the phone field and email in the same row but I get two email fields. Here is the snippet of the code and the screenshot of the page:


<address-fields>
<div>
<fieldset class="snipcart-form__set">

<div class="snipcart-form__row">

<div class="snipcart-form__field snipcart-form__cell--large">
<snipcart-label class="snipcart__font--tiny" for="email">Email</snipcart-label>
<snipcart-input name="email"></snipcart-input>
</div>

<div class="snipcart-form__field snipcart-form__cell--large">
<snipcart-label class="snipcart__font--tiny" for="phone">Phone</snipcart-label>
<snipcart-input name="phone"></snipcart-input>
</div>
</div>