How to reduce the padding/spacing between my size options on product page?

[emilyaugstudios]

Hey community! Can anyone advise me on the best way to reduce the padding/spacing between my size options on my product page? I removed the box border around them for a more minimal look but now the size options look too far apart.

URL (symmetry theme) – https://pantee.co.uk/?_ab=0&_fd=0&_sc=1&preview_theme_id=144118972631

Current look (gaps between sizing variants are too big) –

[Tech_Coding · Accepted solution]

Hello @emilyaugstudios 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  .product-form label.opt-label.opt-label--btn.btn.relative.text-center {
      margin: unset !important;

      padding: 11px !important;
   }
</style>

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.