Hi! Can you share your .oml file?

Best regards,

Miguel

Hi @Shirley Grenelle 

Enclose each list items inside the container and set top margin according to your requirement.

Best

Arun

Hi @Shirley Grenelle,

Enclose list items inside the container and set this CSS style: margin-bottom  : 10px

You can adjust the margin as per your needs.

Thanks,

Narendra

Hello @Shirley Grenelle 

You just to add some Css to make this 

Add a background to your list if it is same as the background of your main layout or boady or the list item. so that it will show up nicely.

User this - 

.list-group{    background: aliceblue;}

You can choose the color of your choice,

And to add the gap between two list items

Just add margin-bottom-base class to your list item - 

Attaching a sample for you - 

https://personal-ejuytnht.outsystemscloud.com/PreviewInDevices/?IsMobilePreview=True&DeviceName=Smartphone&URL=/DirectoryMobile/Employees2

I hope this will help

Best Regards
Tousif Khan

@Shirley Grenelle

You can do that in multiple ways.

simple way 


This will add a break tag after your each list item.

to fix by css
If you want to fix this with css, you can use margin-bottom to the each list-items.