How to increase the size of the variant box on Studio theme?

Topic summary

Main issue: On the Shopify Studio theme, the product variant dropdown (“variant box”) is too narrow, causing long model names to be truncated and partially obscured by the dropdown arrow. An attached screenshot is central to understanding the visual problem.

Key steps and solution:

  • A preview link to the store (maquimport.cl) was shared upon request.
  • A working fix was provided by adding CSS to base.css:
    .product .product-form__input .select { max-width: 30rem; }
  • This increases the dropdown’s width, allowing full variant names to display. The original poster confirmed the issue was resolved.

Current status:

  • The width problem is resolved.
  • A new question asks how to change the height of the dropdown variant box. No guidance was provided yet, so this follow-up remains open.
Summarized with AI on December 12. AI used: gpt-5.

can you help we changing the height of the dropdown variant box