buttons and tabs width extended all the way

[elitaco]

Hi, why does the buttons and tabs width extended all the way after i've added the size chart(first pic)? It should have spacing like second pic.

url: elita.com.sg

[oscprofessional]

Hello,
Welcome to the Shopify community!
Please Share your store live url with password (if it password protected) where you want to do modification, so that I will solve your issue here!

[elitaco]

hi, i would like to have some spacing between the tabs and product image (see second pic)

url: elita.com.sg

[Zworthkey]

hii, @elitaco 
Please add the size-chart so,
I can solve your issue perfectly.
Thank You.

[oscprofessional]

@elitaco 

form#product_form_6882475507904 {
    width: 58%;
    margin: 0 auto;
}
.product__description.rte {
    margin: 0 auto;
}

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

[elitaco]

@oscprofessional hi, it works for desktop, but mobile version is off. It should be extended all the way

[Zworthkey]

hii @elitaco 
paste this code on top of the theme.scss file.
For the mobile view.

@media only screen and (max-width: 768px) {
.shopify-payment-button {
    width: 40%;
    margin-left: 30%;
}
button.btn.btn--to-secondary.btn--full.product__add-to-cart-button.shopify-payment-btn.btn--secondary {
    width: 40%;
    margin-left: 30%;
}
}

Thank You.