# Removing white border in top of the screen

**URL:** <https://community.glideapps.com/t/removing-white-border-in-top-of-the-screen/52587>\
**Category:** Ask for Help\
**Created:** [October 26, 2022, 5:24am UTC](https://community.glideapps.com/t/removing-white-border-in-top-of-the-screen/52587 "2022-10-26T05:24:31Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Alexander\_Rubino](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alexander_rubino/32/48638_2.png) [@Alexander\_Rubino](https://community.glideapps.com/u/Alexander_Rubino)\
**Post date:** [October 26, 2022, 5:24am UTC](https://community.glideapps.com/t/removing-white-border-in-top-of-the-screen/52587/1 "2022-10-26T05:24:31Z")

</div>

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/7/67b4f39a41b9e1f9219f5e4a4d3c4f10238acbf2.jpeg)

How can I remove the white border in the top of the screen? The white boarder is located in the top, at the time and the iPhone battery. With an iPhone 10 and higher, it looks a little weird. It is not as visible in the picture, but I hope you understand.

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [October 26, 2022, 5:28am UTC](https://community.glideapps.com/t/removing-white-border-in-top-of-the-screen/52587/2 "2022-10-26T05:28:21Z")

</div>

take a screenshot of the real view… you might wanna uncheck the match browser settings…

---

<div class="post-metadata">

**Author:** ![Alexander\_Rubino](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alexander_rubino/32/48638_2.png) [@Alexander\_Rubino](https://community.glideapps.com/u/Alexander_Rubino)\
**Post date:** [October 26, 2022, 5:42am UTC](https://community.glideapps.com/t/removing-white-border-in-top-of-the-screen/52587/3 "2022-10-26T05:42:59Z")

</div>

I’m not sure at what you mean. Do you understand what my problem is? Or do I have to take a real view screenshot? However, I don’t know how to do that

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [October 26, 2022, 5:50am UTC](https://community.glideapps.com/t/removing-white-border-in-top-of-the-screen/52587/4 "2022-10-26T05:50:25Z")

</div>

in your screenshot, there is nothing to see… take a screenshot from the live App…  
like that… so we know what is the real issue…

![Screen Shot 2022-10-26 at 1.51.16 AM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/e/5efdf9115d2d23f7bb72553115d1b3b483a3ac1f.jpeg)

---

<div class="post-metadata">

**Author:** ![Alexander\_Rubino](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/alexander_rubino/32/48638_2.png) [@Alexander\_Rubino](https://community.glideapps.com/u/Alexander_Rubino)\
**Post date:** [October 26, 2022, 6:08am UTC](https://community.glideapps.com/t/removing-white-border-in-top-of-the-screen/52587/5 "2022-10-26T06:08:05Z")

</div>

The issue is only visible when you launch it on the mobile. If you click on the image, you can see a white border in the top. It looks good in the image, but an iPhone has the black box in the top of the screen. To be more technical, it is the safe area that is the problem. Normally in another coding program, you would simply type something like “Ignore safe Area”. But how do I do this in glide?

---

<div class="post-metadata">

**Author:** ![Uzo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/uzo/32/22639_2.png) [@Uzo](https://community.glideapps.com/u/Uzo)\
**Post date:** [October 26, 2022, 6:22am UTC](https://community.glideapps.com/t/removing-white-border-in-top-of-the-screen/52587/6 "2022-10-26T06:22:18Z")

</div>

I think you need to spend more time with the Glide editor… you probably are very used to another platform… just care what is on the real live App… Glide Editor is so advanced… that it can’t follow all scenarios

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [October 26, 2022, 12:02pm UTC](https://community.glideapps.com/t/removing-white-border-in-top-of-the-screen/52587/7 "2022-10-26T12:02:39Z")

</div>

This has been brought up in the past. I don’t know if there was ever a resolution, and I don’t use Apple devices, so I can’t check.

> [@Is there a way to change status bar color on iOS?](https://community.glideapps.com/t/is-there-a-way-to-change-status-bar-color-on-ios/36920):
>
> Hello, I am wondering is there a way to change the status bar color on my app on iOS? I know this comes from the system, not directly from the app settings, but it looks ugly and I want to find a solution to make it pure black as it is on the nav bar. Screenshot attached.

My only advice would be to to check your theme settings. Try light mode, dark mode, and try with and without the “match device theme” option selected.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/7/775450c554f17039bd4a2a4244088dd9b56fffb9.jpeg)

Also try uninstalling your app, clearing the browser cache, and then reinstall the app. I’m guessing it has something to do with mixing light and dark themes at some point.
