CSS - decrease the margins & padding custom collection

has anyone been able to decrease the space between each row in a custom collection as well as decrease the padding between components of the same row.

I’m trying to make my custom collection look very similar to an inline list in glide apps, but i can only use a custom collection because its based on data from multiple tables.

A quick try got me to this. Haven’t addressed the padding between consecutive items. I used the class name “custom-collection” for my custom collection component.

.custom-collection div[class*="StyledDiv6"] {
padding-bottom: 12px;

.custom-collection div[class*="StyledWireContainerStyle"] {
margin-top: 12px;

I’m facing a similar issue. Trying to decrease the space between items in a custom collection grid.