Skip to main content
Anay_Mittal
Apr 18, 2024 2:53 AM UTC
Solved

How to get rid of blank spaces while horizontal scrolling?

So, basically I am making an OTT app design, where the elements are supposed to move horizontally, but after putting them in auto layout, setting their frame to same as that of og frame, and doing everything, im getting this weird blank spaces on both sides, tried padding aswell.

Please help, searched all over the net cant find the answer.

Figma – 8 Apr 24

This topic has been closed for replies.
Vishal_Ramawat
Apr 18, 2024 4:15 PM UTC

Here’s the issue. You need to crop the image you are using as thumbnail (eg. G.O.T.)
Although it is masked, it is eating up/adding white space.
Just crop the images to thumbnail size and it will be fixed.

7 replies

Vishal_Ramawat
Apr 18, 2024 3:03 AM UTC

Can you check why this frame #192 is oversized? This might be causing the issue.

Anay_Mittal
Apr 18, 2024 12:51 PM UTC

The issue still persists, it was unnecessary for me to keep them in auto layout tho, so got rid of the auto layout for “my list” text etc, but yeah, still the same issue

Anay_Mittal
Apr 18, 2024 12:54 PM UTC


in “only series expanded” frame, i made it so all text are first in auto layout then their below elements with them, still the same issue tho

Vishal_Ramawat
Apr 18, 2024 4:15 PM UTC

Here’s the issue. You need to crop the image you are using as thumbnail (eg. G.O.T.)
Although it is masked, it is eating up/adding white space.
Just crop the images to thumbnail size and it will be fixed.

Anay_Mittal
Apr 18, 2024 5:10 PM UTC

YO! It actually worked!
Thank you so much!

prashant_sethi
New Member
Nov 4, 2024 2:53 PM UTC

I am not using a rectangle with no image, but I am still getting 40px space at the start and end of the widget.

portfelio
New Participant
Jan 16, 2025 10:31 AM UTC

A solution is to ensure the objects you are trying to scroll within a scroll enabled frame all have clip content enabled.