Skip to main content

Misaligned price and quantity in collection grid

  1. Reduce card size in the grid to the minimum or until price and quantity parent is using flex-col

  2. Note how the “different copies” button create misalignment across the other cards in the row because of its h-8

I suspect the hardcoded height is there for accessibility purposes so rather than removing it, I’d recommend applying it to the price as well

Somewhat related: some grid sizes have the price and quantity placed next to each other, and sometimes there not enough room

Status: Completed1 comment

Log in to comment and vote

Comments1

  • Julie Le Soymier

    Team•

    Jul 25, 2025

    Yes good catch! Thanks !