# How can I increase the padding at the top of the screen? **URL:** \ **Category:** Questions about Thunkable X\ **Created:** [March 19, 2020, 11:32am UTC](https://community.thunkable.com/t/how-can-i-increase-the-padding-at-the-top-of-the-screen/523426 "2020-03-19T11:32:30Z")\ **Posts on this page:** 16\ **Page:** 1
**Author:** ![Balanced\_Kitchen](https://avatars.discourse-cdn.com/v4/letter/b/839c29/32.png) [@Balanced\_Kitchen](https://community.thunkable.com/u/Balanced_Kitchen)\ **Post date:** [March 19, 2020, 11:32am UTC](https://community.thunkable.com/t/how-can-i-increase-the-padding-at-the-top-of-the-screen/523426/1 "2020-03-19T11:32:30Z")
I tried all the options I know. There is a problem after installing the application. ![IMG_20200319_130914](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/b/f/bf843494467bf1e547945baa786c28a30645c8d1.jpeg) ---
**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:** [March 19, 2020, 11:55am UTC](https://community.thunkable.com/t/how-can-i-increase-the-padding-at-the-top-of-the-screen/523426/2 "2020-03-19T11:55:24Z")
Really? I wish I could figure out how to extend my screen like that. I didn’t know it was possible to extend a photo into the status bar ---
**Author:** ![Balanced\_Kitchen](https://avatars.discourse-cdn.com/v4/letter/b/839c29/32.png) [@Balanced\_Kitchen](https://community.thunkable.com/u/Balanced_Kitchen)\ **Post date:** [March 19, 2020, 12:16pm UTC](https://community.thunkable.com/t/how-can-i-increase-the-padding-at-the-top-of-the-screen/523426/3 "2020-03-19T12:16:23Z")
I do not know how I achieved this effect, but I have a problem and now I can’t correct it. ---
**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:** [March 19, 2020, 12:43pm UTC](https://community.thunkable.com/t/how-can-i-increase-the-padding-at-the-top-of-the-screen/523426/4 "2020-03-19T12:43:50Z")
Can you try changing the “top” margin to 25? Click on that screen in the component tree than look on the left side of the screen for this: ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/d/f/dfb3d96bb84a57e937f13c120ae7584a8b05714c.jpeg) ---
**Author:** ![Balanced\_Kitchen](https://avatars.discourse-cdn.com/v4/letter/b/839c29/32.png) [@Balanced\_Kitchen](https://community.thunkable.com/u/Balanced_Kitchen)\ **Post date:** [March 19, 2020, 12:56pm UTC](https://community.thunkable.com/t/how-can-i-increase-the-padding-at-the-top-of-the-screen/523426/5 "2020-03-19T12:56:40Z")
Yes, but on a standard screen I’m losing 25px and do not centering properly. ---
**Author:** ![Balanced\_Kitchen](https://avatars.discourse-cdn.com/v4/letter/b/839c29/32.png) [@Balanced\_Kitchen](https://community.thunkable.com/u/Balanced_Kitchen)\ **Post date:** [March 19, 2020, 1:24pm UTC](https://community.thunkable.com/t/how-can-i-increase-the-padding-at-the-top-of-the-screen/523426/6 "2020-03-19T13:24:05Z")
Anomaly! It gets better after “Show Status Bar = false” ---
**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:** [March 19, 2020, 1:25pm UTC](https://community.thunkable.com/t/how-can-i-increase-the-padding-at-the-top-of-the-screen/523426/7 "2020-03-19T13:25:49Z")
are you using absolute or relative positioning for those components? ---
**Author:** ![Balanced\_Kitchen](https://avatars.discourse-cdn.com/v4/letter/b/839c29/32.png) [@Balanced\_Kitchen](https://community.thunkable.com/u/Balanced_Kitchen)\ **Post date:** [March 19, 2020, 1:32pm UTC](https://community.thunkable.com/t/how-can-i-increase-the-padding-at-the-top-of-the-screen/523426/8 "2020-03-19T13:32:45Z")
I only use relative ---
**Author:** ![Balanced\_Kitchen](https://avatars.discourse-cdn.com/v4/letter/b/839c29/32.png) [@Balanced\_Kitchen](https://community.thunkable.com/u/Balanced_Kitchen)\ **Post date:** [March 19, 2020, 1:43pm UTC](https://community.thunkable.com/t/how-can-i-increase-the-padding-at-the-top-of-the-screen/523426/9 "2020-03-19T13:43:49Z")
this is the result after i did “Show Status Bar = false” ![IMG_20200319_152238](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/d/6/d68b47ef196369c2903936f2a6abf72ac02483a1.jpeg) ---
**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:** [March 19, 2020, 2:01pm UTC](https://community.thunkable.com/t/how-can-i-increase-the-padding-at-the-top-of-the-screen/523426/10 "2020-03-19T14:01:32Z")
Oh boy! From only changing that setting? Can you provide more info such as phone model. Is version. And potentially a share link to your app so we may better help you diagnose the issue ---
**Author:** ![Balanced\_Kitchen](https://avatars.discourse-cdn.com/v4/letter/b/839c29/32.png) [@Balanced\_Kitchen](https://community.thunkable.com/u/Balanced_Kitchen)\ **Post date:** [March 19, 2020, 2:03pm UTC](https://community.thunkable.com/t/how-can-i-increase-the-padding-at-the-top-of-the-screen/523426/11 "2020-03-19T14:03:57Z")
Ок [https://x.thunkable.com/copy/02e5fa078c0921ecbe33718f1db76b79](https://x.thunkable.com/copy/02e5fa078c0921ecbe33718f1db76b79) xiaomi redmi note 6a pro ---
**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:** [March 19, 2020, 2:16pm UTC](https://community.thunkable.com/t/how-can-i-increase-the-padding-at-the-top-of-the-screen/523426/12 "2020-03-19T14:16:01Z")
On live preview it looked fine. I’ll download and report back! 👍🏿 On download I got the same result. I am on my Mobile rn but will try to look at the app on my computer later to help troubleshoot. Can you try to change your vertical alignment on that page? Set It to “top”. Do you have those buttons in a row? If so, does the row have a margin greater than 0? ---
**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:** [March 19, 2020, 3:40pm UTC](https://community.thunkable.com/t/how-can-i-increase-the-padding-at-the-top-of-the-screen/523426/13 "2020-03-19T15:40:33Z")
Hi @Balanced_Kitchen - I edited the title of your post so that it actually describes the problem that you are facing. “How to fix this?” is too vague a title. Also… > [@Balanced\_Kitchen](#): > > I tried all the options I know. …can you let us know a little more about the options that you tried? Thanks ---
**Author:** ![eoinparkinson](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/eoinparkinson/32/143769_2.png) [@eoinparkinson](https://community.thunkable.com/u/eoinparkinson)\ **Post date:** [March 19, 2020, 5:31pm UTC](https://community.thunkable.com/t/how-can-i-increase-the-padding-at-the-top-of-the-screen/523426/14 "2020-03-19T17:31:57Z")
I have also experienced this with the Samsung S8 running Android 9. This issue only occured recently to me, and it appears now you too! Click on the screen name. Scroll down on the settings panel on the right hand side of the designer screen. You should see an option for passing with Top, Bottom, Left, Right options. Adjust these where necessary. I recommend between 7px and 15px, depending on the height of the status bar. Hope this helps! I probably should have reported this on GitHub. ---
**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:** [March 19, 2020, 6:23pm UTC](https://community.thunkable.com/t/how-can-i-increase-the-padding-at-the-top-of-the-screen/523426/15 "2020-03-19T18:23:15Z")
I think the issue has to do with the invisible row/column directly above those buttons. check your component layout and track to find out what is showing when that screen starts. My bet is that there is some row/ column visible who’s child components are invisible and that is taking up this space. ---
**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:39am UTC](https://community.thunkable.com/t/how-can-i-increase-the-padding-at-the-top-of-the-screen/523426/16 "2024-11-08T11:39:45Z")