# Layout not working properly

**URL:** <https://community.thunkable.com/t/layout-not-working-properly/3788460>\
**Category:** Issues / Bugs\
**Created:** [April 30, 2025, 11:01pm UTC](https://community.thunkable.com/t/layout-not-working-properly/3788460 "2025-04-30T23:01:13Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![nsappdev](https://avatars.discourse-cdn.com/v4/letter/n/7c8e57/32.png) [@nsappdev](https://community.thunkable.com/u/nsappdev)\
**Post date:** [April 30, 2025, 11:01pm UTC](https://community.thunkable.com/t/layout-not-working-properly/3788460/1 "2025-04-30T23:01:13Z")

</div>

Hi, I set my layout component to take up the whole screen (375x667) but on my iPhone (app published on the app store/testflight), it doesnt take up the whole screen. the layout is a bit smaller in the y direction

---

<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:** [May 1, 2025, 10:50am UTC](https://community.thunkable.com/t/layout-not-working-properly/3788460/2 "2025-05-01T10:50:02Z")

</div>

Hello @nsappdev  
The issue is probably related to the “Notch Area”.

You can remove the Area if you set the property " [Ignore Notch Area](https://docs.thunkable.com/settings/project-settings#ignore-notch-area)" to `true` on the app settings before you publish an update:

 ![image - 2024-09-03T133223.986](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/1/8/18cf8e32d5b14837b333b79181dbf6c75023e6db.png)

---

<div class="post-metadata">

**Author:** ![nsappdev](https://avatars.discourse-cdn.com/v4/letter/n/7c8e57/32.png) [@nsappdev](https://community.thunkable.com/u/nsappdev)\
**Post date:** [May 3, 2025, 9:42pm UTC](https://community.thunkable.com/t/layout-not-working-properly/3788460/3 "2025-05-03T21:42:49Z")

</div>

Nope, already that on.  
This is what my app looks like on Thunkable vs on IOS (testflight)  
I am aware of those 3 things not showing and it has been fixed.  
I am aware on how to lower the whole thing so it doesn’t hide behind the dynamic island  
But. I do not understand why it doesn’t replicate the heights and positions as on the preview. I used percentages as the height.

 ![IMG_8657](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/d/d/dd7788f0bc740a6c7cd243a28b257a2dcdf81e47.jpeg)  
 ![Screenshot 2025-05-03 at 5.38.17 PM](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/5/b/5bf0266afead0c5ee98d1bab2936770b670caf8b.png)