How can I align the top variant box with the ones below?

[ValvedExhausts]

I need help making the top variant box look the same as the boxes below it. Pic for reference.

website: https://valvedexhausts.ca/

[suyash1]

@ValvedExhausts - please add this css to the very end of your section-main-product.css file and check, should look like screenshot below

.product-form__input .select__select{box-shadow: none;
    border: 1px solid #cccccc;    height: 44px;    min-height: 44px;
    font-size: 16px;    border-radius: 1px;}

[ValvedExhausts]

the length of the box isnt the same as the one below it in your screenshot?

[suyash1]

@ValvedExhausts - add this css as well

.product-form__input .select{width: 100%;  max-width: 100%;}

[ValvedExhausts]

is this as large as it will go?

[suyash1]

@ValvedExhausts - add this as well , this is the max it can go

.product-form__input--dropdown {max-width: 100%;}

[ValvedExhausts]

thankyou very much it worked!