# How can i add bottom margin to a Layout components

**URL:** <https://community.thunkable.com/t/how-can-i-add-bottom-margin-to-a-layout-components/3633631>\
**Category:** Questions about Thunkable X\
**Tags:** design, beginner\
**Created:** [March 7, 2025, 3:36am UTC](https://community.thunkable.com/t/how-can-i-add-bottom-margin-to-a-layout-components/3633631 "2025-03-07T03:36:10Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![naufal.kodingakademi](https://avatars.discourse-cdn.com/v4/letter/n/ac91a4/32.png) [@naufal.kodingakademi](https://community.thunkable.com/u/naufal.kodingakademi)\
**Post date:** [March 7, 2025, 3:36am UTC](https://community.thunkable.com/t/how-can-i-add-bottom-margin-to-a-layout-components/3633631/1 "2025-03-07T03:36:10Z")

</div>

Iam having a problem with creating a datalist using the layout components, i read that if i try to make a custom datalist viewer i have to make the layout first. But then i don’t know how to add a bottom margin to the layout because they are very close to each other. I tried looking for the margin setting but i can’t find it

 ![Screenshot 2025-03-07 103554](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/2/7/27842c67398e26e6ccd258ec699f9f1b823d9c36.png)

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [March 17, 2025, 7:43am UTC](https://community.thunkable.com/t/how-can-i-add-bottom-margin-to-a-layout-components/3633631/2 "2025-03-17T07:43:19Z")

</div>

Hello @naufal.kodingakademi, welcome to Thunkable! 🎉

To add a margin, you will need to add a margin on the container when you create the Custom Data Viewer Layout.

Be sure to check out [How to ask Great Questions v2.0](https://community.thunkable.com/t/how-to-ask-great-questions-v2-0/2689983/1), the [Community Guidelines](https://community.thunkable.com/t/community-guidelines/78/8), and our [Getting Started Guide](https://docs.thunkable.com/getting-started/get-started) to make the best of your Thunkable Community experience!

---

<div class="post-metadata">

**Author:** ![naufal.kodingakademi](https://avatars.discourse-cdn.com/v4/letter/n/ac91a4/32.png) [@naufal.kodingakademi](https://community.thunkable.com/u/naufal.kodingakademi)\
**Post date:** [March 25, 2025, 4:37pm UTC](https://community.thunkable.com/t/how-can-i-add-bottom-margin-to-a-layout-components/3633631/3 "2025-03-25T16:37:40Z")

</div>

Bottom margin on the container only create space between the texts, what i want is a gap between each list as i put a border in it

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [March 25, 2025, 6:15pm UTC](https://community.thunkable.com/t/how-can-i-add-bottom-margin-to-a-layout-components/3633631/4 "2025-03-25T18:15:59Z")

</div>

@naufal.kodingakademi Could you please share a screenshot from the container’s properties?

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/f/0f59f292712368bce16ff80133ae10de8a6f27e8.png) [@system](https://community.thunkable.com/u/system)\
**Post date:** [June 23, 2025, 6:16pm UTC](https://community.thunkable.com/t/how-can-i-add-bottom-margin-to-a-layout-components/3633631/5 "2025-06-23T18:16:44Z")

</div>

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.