después de cambiar el valor de entrada, aumentar o disminuir, el formulario se envía automáticamente y me redirige a la página de la tarjeta, ¿cómo puedo solucionarlo?

 <form action="/cart/add" method="post" class="add-to-cart-wrapper" data-productid="{{product.id}}"> <input type="hidden" name="id" data-productid="{{product.id}}" class="product-select" value="{{ product.variants[0].id }}" data-variant-title="{{ product.variants[0].title }}" /> <div class="add-to-cart"> <button class="upper pointer bg-green txt-white" type="submit" name="add" id="AddToCart" > добавить в корзину </button> </div> <div class="price-wrapper"> <div class="quantity-wrapper"> <input type="number" id="Quantity" name="quantity" value="1" min="1" pattern="[0-9]*" class="product-form__input product-form__input--quantity" data-quantity-input hidden /> <button onclick="decreaseQuantity(event)" class="pointer reduce" > <img src="{{'Minimaize.svg' | asset_url}}" alt="reduce icon" width={{ image.width }} height={{ image.height }} loading="lazy" /> </button> <div class="quantity" id="quantity"> 1 </div> <button onclick="increaseQuantity(event)" class="pointer increase" > <img src="{{'Maximize.svg' | asset_url}}" alt="increase icon" width={{ image.width }} height={{ image.height }} loading="lazy" /> </button> </div> <div class="price">{{ product.price | money}}</div> </div> </form>

¿Por qué cambia la entrada, todos los formularios se envían y me redireccionan a la página del carrito? ¿Cómo puedo arreglarlo?