Images get a white outline when stacked on top of eachother

Trying to make a circular progress bar using gray and white circles.
When i have only the gray circle it looks fine:
image
But when I put it on top of a white circle, the white outline shows.
image
They are the same Image Id so im not understanding why this happens.

I made the circle in photoshop, this is the circle image:

i would assume its either roblox rendering them at different qualities or something i am not sure of

(im not sure of this so take it with a grain of salt but roblox might have images under other images have lower quality so something to do with that could be a fix)

but i’d say your best bet would be to make the white circle slightly smaller than the image ontop so its fully hidden

why not just change images color? I have no idea how your loading would look