Skip to main content
Anay_Mittal
April 18, 2024
Solved

How to get rid of blank spaces while horizontal scrolling?

  • April 18, 2024
  • 7 replies
  • 1334 views

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.
Best answer by Vishal_Ramawat

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
April 18, 2024

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

Anay_Mittal
April 18, 2024

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
April 18, 2024


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
April 18, 2024

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
April 18, 2024

YO! It actually worked!
Thank you so much!

prashant_sethi
New Member
November 4, 2024

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
January 16, 2025

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