Column break issue in a Collection List formatted into 2 columns

I have formatted my Resources Collection List into 2 columns using the column specifier under typography/more type options. It is working fine, except the column breaks in the middle of a Collection Item with the CSS tag of “rule 1px top” inside of which is another div named “pad neg 10 bot”. Is there a way to get the break to happen between Collection List Items? Here is an example.

Here is the file structure of the Collection List item.

Here is my site Read-Only: [LINK]1
(how to share your site Read-Only link)

Was just updating this to paste, Stan was quicker on the draw.
Stan’s solution is likely easier if it works for you, since inline-block can be selected within the designer.

If you have trouble with it, try using custom CSS with the column-break-inside: avoid rule.

inline-block fixed the issue. Thank you Stan and memetican!