# Circle image - background behaving weird?

**URL:** <https://community.thunkable.com/t/circle-image-background-behaving-weird/1342365>\
**Category:** Questions about Thunkable X\
**Tags:** image\
**Created:** [June 13, 2021, 2:29pm UTC](https://community.thunkable.com/t/circle-image-background-behaving-weird/1342365 "2021-06-13T14:29:30Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![jonas.vdrdxd](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jonas.vdrdxd/32/108075_2.png) [@jonas.vdrdxd](https://community.thunkable.com/u/jonas.vdrdxd)\
**Post date:** [June 13, 2021, 2:29pm UTC](https://community.thunkable.com/t/circle-image-background-behaving-weird/1342365/1 "2021-06-13T14:29:30Z")

</div>

Hello,

Thanks for taking your time to read this. I’m making a timer app for us to make it easier to do start 2 run. I added a circular play and pause button via an image, but on live preview on my phone the button background is doing something weird…

 ![afbeelding](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/6/0/60c0986370dbbe97f2f335700644f0318ef9a69f.jpeg)

Any idea what could be causing it?

Button’s properties:

 ![afbeelding](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/8/d/8de0ddf7b7a831f5cd17864621cb11e7569ceb68.png)  
 ![afbeelding](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/0/7/078adb86da6516e63a8694ee69db1aed4f6a5b47.png)

My app link:  
[https://x.thunkable.com/copy/425ac5d1b8029148886ed8d39558b9ab](https://x.thunkable.com/copy/425ac5d1b8029148886ed8d39558b9ab)

Thanks in advance for your help!

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [June 13, 2021, 4:34pm UTC](https://community.thunkable.com/t/circle-image-background-behaving-weird/1342365/2 "2021-06-13T16:34:03Z")

</div>

I’ll take a look at your project (thanks for including the link) but my first two thoughts are that your image file has a white background rather than transparent or you are using a background color for your Image component.

**Edit:** Well it’s not either of those. When I Live Test your project on my iPhone, the two “button” images appear as blank white squares. If you change the Picture Resize Mode from `center` to `contain`, it fixes the problem.

---

<div class="post-metadata">

**Author:** ![jonas.vdrdxd](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/jonas.vdrdxd/32/108075_2.png) [@jonas.vdrdxd](https://community.thunkable.com/u/jonas.vdrdxd)\
**Post date:** [June 16, 2021, 9:17pm UTC](https://community.thunkable.com/t/circle-image-background-behaving-weird/1342365/3 "2021-06-16T21:17:58Z")

</div>

Ah, thanks a bunch for the help! Will try that once my exams are over. 🙂

Mvg,  
Jonas

---

<div class="post-metadata">

**Author:** ![skulamester](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/skulamester/32/100480_2.png) [@skulamester](https://community.thunkable.com/u/skulamester)\
**Post date:** [June 16, 2021, 9:23pm UTC](https://community.thunkable.com/t/circle-image-background-behaving-weird/1342365/4 "2021-06-16T21:23:09Z")

</div>

I am facing the same issue.

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [June 16, 2021, 9:24pm UTC](https://community.thunkable.com/t/circle-image-background-behaving-weird/1342365/5 "2021-06-16T21:24:45Z")

</div>

Did setting the Picture Resize Mode to `contain` resolve it?

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 1:20pm UTC](https://community.thunkable.com/t/circle-image-background-behaving-weird/1342365/6 "2024-11-08T13:20:16Z")

</div>