The CTA list left uses justify-between to control the in-axis spread of flex items, which causes a gap to appear on the last row if there are three items in most rows and two items in the last row.
Instead of this, use justify-around, and adjust the gap so that the items do not run too closely together.
Make sure to check a bunch of different uses of this frequently used component, especially as adjusting a gap in a wrapped flex box can cause items to run to the next row when you do not want them to.
Also considered
Use a grid to more closely control the layout of this component on medium and large screens. Check that it still displays properly in all the places it's currently used.
Describe the bug
The CTA list left uses justify-between to control the in-axis spread of flex items, which causes a gap to appear on the last row if there are three items in most rows and two items in the last row.
Example: https://www.openlibhums.org/site/library-governance/
Proposed solution
Instead of this, use justify-around, and adjust the gap so that the items do not run too closely together.
Make sure to check a bunch of different uses of this frequently used component, especially as adjusting a gap in a wrapped flex box can cause items to run to the next row when you do not want them to.
Also considered
Use a grid to more closely control the layout of this component on medium and large screens. Check that it still displays properly in all the places it's currently used.