Empty spacing on the top of UI elements, Mobile

[F_d3d (fadedj)]

There is a ugly white space between the UI element and the border of the game. How would I remove it? It only occurs on mobile, samsung note 8 specifically. 1080 x 2220. Couldn’t replicate the screen in Studio as Roblox doesn’t allow sizes to be over 2140.

2. What is the issue? Include screenshots / videos if possible!

• Studio View
  
  

---

• Mobile View
  
  
  
  there is also a black bar above the scrolling frame for some reason.

---

• In game view on Desktop. 1920 x 1080, 16:9
  
  

---

I’ve been always used Scale instead of Offset. I’ve duplicated the background elements and change the scale of Y to ‘2’, set the ZIndex to a negative value. Definitely lower than other elements shown on screen.

Any help would be greatly appreciated. Is there any fix for the spacing on the top? Also if possible, what is causing the black line above the scrolling frame, as seen on the mobile view.

[TheCarbyneUniverse (Carbyne)]

To cover the whole screen, your ScreenGui needs to have IgnoreGuiInset set to true and then set the frame’s size to 1,0,1,0.

The black line is there most likely because one if your frame’s BorderSizePixel is not 0.

[F_d3d (fadedj)]

Thanks!