Matching a line-tem select to the other selects rendered in the form

Matching a line-tem select to the other selects rendered in the form

scribblin
Shopify Partner
1 0 0

Howdy! I am working on a product page and I have added a custom line item to form to collect additional data. The only difference I am seeing is the little arrow on the right side of the dropdowns. I am wonder what I can do to get these styles matching.

 

Screenshot 2025-03-03 at 12.04.45 PM.png

<div class="product-form__input product-form__input--dropdown">
                    <label for="outerwrap" class="form__label">Outerwrap</label>
                    <div class="select">
                      <select
                        id="outerwrap"
                        name="properties[Outerwrap]"
                        class="select__select"
                        form="{{ product_form_id }}"
                      >
                        <option value="Polybag" selected>Polybag</option>
                        <option value="Resealable Polybag">Resealable Polybag</option>
                      </select>
                    </div>
                  </div>
Reply 1 (1)

CodingFifty
Shopify Partner
999 148 172

Hi @scribblin,

 

Thank you for reaching out to the Shopify community. I'd be glad to assist you. Could you kindly share your store URL and
password (if it’s password-protected) so I can review it and provide you with an update?

Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com