# Margin appearing on scrollable column

**URL:** <https://community.thunkable.com/t/margin-appearing-on-scrollable-column/561958>\
**Category:** Questions about Thunkable X\
**Tags:** design\
**Created:** [April 7, 2020, 8:00pm UTC](https://community.thunkable.com/t/margin-appearing-on-scrollable-column/561958 "2020-04-07T20:00:16Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![maptheunknown](https://avatars.discourse-cdn.com/v4/letter/m/f475e1/32.png) [@maptheunknown](https://community.thunkable.com/u/maptheunknown)\
**Post date:** [April 7, 2020, 8:00pm UTC](https://community.thunkable.com/t/margin-appearing-on-scrollable-column/561958/1 "2020-04-07T20:00:16Z")

</div>

Hello,

An unexpected 30-50px bottom margin appears when I set a column to scrollable. It just started happening probably a week ago and it appears on all my projects that’s why it’s a big user interface issue for me. It doesn’t appear when I test on the iOS Thunkable Live app but it appears when I download the app and test on my iPhone.

Screenshots and steps to recreate below:

1. Add a column
2. Set it to scrollable

I created a simple project to demonstrate it. Here is the link:  
[https://x.thunkable.com/projectPage/5e8cbaf0c537d904b70dab98](https://x.thunkable.com/projectPage/5e8cbaf0c537d904b70dab98)

Attached is also a screenshot from my iPhone 7+. It also happens to iPhone XR.

 ![IMG_9605](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/d/0d0e2dd03b6f7a5d359525c9583f3bd86e311ea4.jpeg)

Anybody else experiencing this issue?

Help please…

Thanks,  
Marco

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [April 7, 2020, 10:44pm UTC](https://community.thunkable.com/t/margin-appearing-on-scrollable-column/561958/2 "2020-04-07T22:44:17Z")

</div>

Check it out

[https://x.thunkable.com/copy/90cc8bc15ce9201ae8be6d10005ceddb](https://x.thunkable.com/copy/90cc8bc15ce9201ae8be6d10005ceddb)

---

<div class="post-metadata">

**Author:** ![maptheunknown](https://avatars.discourse-cdn.com/v4/letter/m/f475e1/32.png) [@maptheunknown](https://community.thunkable.com/u/maptheunknown)\
**Post date:** [April 7, 2020, 11:03pm UTC](https://community.thunkable.com/t/margin-appearing-on-scrollable-column/561958/3 "2020-04-07T23:03:14Z")

</div>

Did you just put a 10px top padding?

This wont work because then all my columns will have a 10px padding on top which doesn’t look good. Also, when it’s on an iPhone XR or iPhone 11, the bottom margin added by the scrollable column is much bigger than just 10px.

---

<div class="post-metadata">

**Author:** ![jared](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jared/32/138473_2.png) [@jared](https://community.thunkable.com/u/jared)\
**Post date:** [April 7, 2020, 11:14pm UTC](https://community.thunkable.com/t/margin-appearing-on-scrollable-column/561958/4 "2020-04-07T23:14:14Z")

</div>

Delete the margin and try again

---

<div class="post-metadata">

**Author:** ![maptheunknown](https://avatars.discourse-cdn.com/v4/letter/m/f475e1/32.png) [@maptheunknown](https://community.thunkable.com/u/maptheunknown)\
**Post date:** [April 7, 2020, 11:29pm UTC](https://community.thunkable.com/t/margin-appearing-on-scrollable-column/561958/5 "2020-04-07T23:29:59Z")

</div>

Hey,

I’m not sure I understand. I didn’t add any Margin in the code or column properties so not sure what you mean by “Delete the margin”. The Margin just appears magically when the the app is downloaded on an iPhone.

Thanks,  
Marco

---

<div class="post-metadata">

**Author:** ![maptheunknown](https://avatars.discourse-cdn.com/v4/letter/m/f475e1/32.png) [@maptheunknown](https://community.thunkable.com/u/maptheunknown)\
**Post date:** [April 8, 2020, 3:32pm UTC](https://community.thunkable.com/t/margin-appearing-on-scrollable-column/561958/6 "2020-04-08T15:32:29Z")

</div>

I updated the test project. I made it simpler so it’s easier to understand the problem. A part of the container of the scrollable column appears at the bottom on a “built app” on iPhone. It appears on all my scrollable columns on all my projects and its a big user interface issue that I’m having. Attached is the screenshot.

Please help. This is preventing me from publishing my app.

 ![IMG_9619](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/8/7/870736c7f7ad820169aedcb65638e9c49ae39ed4.jpeg)

---

<div class="post-metadata">

**Author:** ![athornock](https://avatars.discourse-cdn.com/v4/letter/a/b4bc9f/32.png) [@athornock](https://community.thunkable.com/u/athornock)\
**Post date:** [April 8, 2020, 10:07pm UTC](https://community.thunkable.com/t/margin-appearing-on-scrollable-column/561958/7 "2020-04-08T22:07:16Z")

</div>

My scrollable collumns are all messed up. A few days ago I had the white bar like you. Now the white bar is gone, but all of my “Any Component” generated buttons no longer work and the listviews don’t even show, unless I turn the device to landscape.

I also can’t copy some of my apps anymore. I think there was a bug introduced in the last couple of days.

---

<div class="post-metadata">

**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\
**Post date:** [April 8, 2020, 10:12pm UTC](https://community.thunkable.com/t/margin-appearing-on-scrollable-column/561958/8 "2020-04-08T22:12:27Z")

</div>

@maptheunknown @jared @athornock

Just a quick update on relation to this, we’ve been aware of this issue for a while now and a fix is in train.

You can expect it to be out in the coming weeks.

* * *

> [@maptheunknown](#):
>
> This is preventing me from publishing my app

@maptheunknown, although it might not aesthetically perfect, this white space won’t prevent you from publishing your app. Let me know if you need any help with this!

---

<div class="post-metadata">

**Author:** ![athornock](https://avatars.discourse-cdn.com/v4/letter/a/b4bc9f/32.png) [@athornock](https://community.thunkable.com/u/athornock)\
**Post date:** [April 8, 2020, 10:15pm UTC](https://community.thunkable.com/t/margin-appearing-on-scrollable-column/561958/9 "2020-04-08T22:15:57Z")

</div>

Thank you for the update on this! This helps me know what’s going on and what direction I should head.

---

<div class="post-metadata">

**Author:** ![athornock](https://avatars.discourse-cdn.com/v4/letter/a/b4bc9f/32.png) [@athornock](https://community.thunkable.com/u/athornock)\
**Post date:** [April 8, 2020, 10:18pm UTC](https://community.thunkable.com/t/margin-appearing-on-scrollable-column/561958/10 "2020-04-08T22:18:24Z")

</div>

BTW, did you get my PM on not being able to copy apps?

---

<div class="post-metadata">

**Author:** ![maptheunknown](https://avatars.discourse-cdn.com/v4/letter/m/f475e1/32.png) [@maptheunknown](https://community.thunkable.com/u/maptheunknown)\
**Post date:** [April 8, 2020, 11:38pm UTC](https://community.thunkable.com/t/margin-appearing-on-scrollable-column/561958/11 "2020-04-08T23:38:27Z")

</div>

Hey thanks for the update. Looking forward for the fix. Please keep us posted.

Regarding the publishing, you are correct. Technically I can publish but functionally it won’t pass quality team because of the aesthetic bug.

Thakns,  
Marco

---

<div class="post-metadata">

**Author:** ![maptheunknown](https://avatars.discourse-cdn.com/v4/letter/m/f475e1/32.png) [@maptheunknown](https://community.thunkable.com/u/maptheunknown)\
**Post date:** [April 20, 2020, 10:50pm UTC](https://community.thunkable.com/t/margin-appearing-on-scrollable-column/561958/12 "2020-04-20T22:50:39Z")

</div>

Hello @domhnallohanlon,

Any update on this issue?

Thanks,  
Marco

---

<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:** [November 8, 2024, 11:38am UTC](https://community.thunkable.com/t/margin-appearing-on-scrollable-column/561958/13 "2024-11-08T11:38:48Z")

</div>


