Issue: After using the Sort By option on a Shopify collection page, spacing between product cards collapses so cards touch, consistently affecting only the third product row.
Context: Behavior appears only after sorting. A test store link was provided for replication. Screenshots illustrated the spacing glitch.
Proposed fix: Add code under the in theme.liquid (per guidance with a reference screenshot). This corrected spacing but inadvertently disabled the slide‑in animation.
Final resolution: The author instead edited the suggested CSS class directly in base.css, which preserved the slide‑in animation while fixing the spacing issue.
Outcome: Problem resolved; no further open questions. Visual attachments (screenshots) were central to understanding the issue and the fix.
Hello @ThePrimeWeb !
Your solution works, but the problem is that putting this code in the theme.liquid file disabled the slide-in animation, which I’d like to keep. But I found out how to solve this : I edited the class you suggested directly in base.css file like this :
And it now works exactly as I wanted 
Thank you for your help and have a very good day !