Skip to main content
Question

Fix border on Thumbnail images

  • October 7, 2025
  • 2 replies
  • 58 views

Caleb Sylvest

I’ve noticed a thumbnail issue that occurs depending on the background color of the thumbnail and whether you use Light Mode or Dark Mode.

The border radius on the Thumbnail looks jagged if you have a light color thumbnail bg in Dark Mode or a dark color thumbnail in Light Mode. (zoom in on the image attached)

Looking into it through the web browser I found the reason to be that the border color is a solid color.

One simple fix to solve the issue would be to make the border color on Thumbnail containers a low opacity color.

In the attached image I changed the border colors to be 20% opacity black and white depending on Light/Dark Mode and you can see the jagged issue is gone and the border radii are smooth.

Is this a big problem? No, of course not. But it would be an easy fix.

Thank you Figma!

 

 

2 replies

ksn
Figmate
  • Community Support
  • October 20, 2025

hey ​@Caleb Sylvest - apologies for the delayed response to you. We had discovered some thumbnail issues around the time you originally posted this. Can you confirm if you still see some rendering issue with your thumbnails? Or has this kind of been a long-standing thing you’ve noticed? I wanted to double check on that part.

If it’s been long-standing, can you let me know if it’s just the browser, or if you also see it on the desktop app as well? Let me know and I’ll touch base with the teams that work on dark mode.


Caleb Sylvest
  • Author
  • New Member
  • October 20, 2025

Hi ​@ksn

This has been a long term issue and still is today. Here is a screenshot where you can see the jagged edges