# CSS - decrease the margins & padding custom collection

**URL:** <https://community.glideapps.com/t/css-decrease-the-margins-padding-custom-collection/59126>\
**Category:** Ask for Help\
**Created:** [March 14, 2023, 4:24am UTC](https://community.glideapps.com/t/css-decrease-the-margins-padding-custom-collection/59126 "2023-03-14T04:24:03Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![abdo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/abdo/32/36540_2.png) [@abdo](https://community.glideapps.com/u/abdo)\
**Post date:** [March 14, 2023, 4:24am UTC](https://community.glideapps.com/t/css-decrease-the-margins-padding-custom-collection/59126/1 "2023-03-14T04:24:03Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [March 15, 2023, 12:41am UTC](https://community.glideapps.com/t/css-decrease-the-margins-padding-custom-collection/59126/2 "2023-03-15T00:41:31Z")

</div>

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/4/7/474815d0d2d87f1c2b42f490ec3429c2b0b18d43.png)

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.

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

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

```

---

<div class="post-metadata">

**Author:** ![Dvir](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/dvir/32/50196_2.png) [@Dvir](https://community.glideapps.com/u/Dvir)\
**Post date:** [April 11, 2023, 3:02pm UTC](https://community.glideapps.com/t/css-decrease-the-margins-padding-custom-collection/59126/3 "2023-04-11T15:02:25Z")

</div>

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