How can I improve the alignment of Buy Button on Squarespace?

Technical Q&A

Topic summary

  • Site owner uses Shopify’s Buy Button embedded on a Squarespace site to retain their existing build.
  • Primary issue: inconsistent alignment of each product’s “Add to Cart” button and the variant (option) dropdown menus, making the product listings look misaligned and untidy.
  • Request: seeks CSS/HTML/JS guidance or code snippets/links to standardize layout so buttons and dropdowns line up uniformly across products.
  • A live example is provided for review (access requires password “bokeh”), which is central to seeing the alignment problems.
  • No solutions, code samples, or decisions have been shared yet; the thread remains open with the user awaiting suggestions.
Summarized with AI on January 22. AI used: gpt-5.
1

I am using the Buy Button on Squarespace because I invested a lot of time and money into my Squarespace site. I’m having an issue with the alignment of the products’ “Add to Cart” buttons, as well as the alignment of the variation drop down menus. It makes everything look sloppy and thrown together. Feel free to check out what I mean here. The password is bokeh

Do you have any links to code that can help make the page look more uniform and organized? Thanks so much.