How to change width of variant box to width of add to cart button in Debut

Store Design
1

I have searched high and low for a solution for this. Some answers refer to a theme.scss.liquid file which I think is now discontinued in Debut. On the mobile version of my store the variant size box is the same width as the add to cart button. This allows for more visible description to show within the box.

However on the desktop view the box is shorter than the width of add to cart button. Can anyone show me how to adjust this box to the same width as the add to cart button on the desktop view?

2 screenshots provided to help explain. Thanks for any help.

2

Just in case anyone else is looking for an answer I found this solution:

Edit code > Assets > theme.css scroll down to where you see ==== Selectors === and just above add this code:

.product-form-product-template .selector-wrapper { width: 100% !important;     flex-basis: 100% !important; }

Thanks to Tejas_Nadpara who provided this code on someone else’s post.