# The rounded image is not a perfect circle

**URL:** <https://forum.adalo.com/t/the-rounded-image-is-not-a-perfect-circle/35091>\
**Category:** Design\
**Created:** [January 7, 2023, 1:10pm UTC](https://forum.adalo.com/t/the-rounded-image-is-not-a-perfect-circle/35091 "2023-01-07T13:10:59Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![Indave](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/indave/32/25147_2.png) [@Indave](https://forum.adalo.com/u/Indave)\
**Post date:** [January 7, 2023, 1:10pm UTC](https://forum.adalo.com/t/the-rounded-image-is-not-a-perfect-circle/35091/1 "2023-01-07T13:10:59Z")

</div>

Ciao a tutti!  
I am trying to make sure that the circles are actually perfect circles, but unfortunately they ovalize. Apparently it does not take the padding value between images entered in the settings.  
I also tried manully inserting a rectangle to occupy that space. No dice…

Does anyone have an idea how to solve this problem?

Thank you in advance for your help.

 ![IMG_D03867C7368E-1](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/a/f/af5e348bc3bc4da924f29e6c37452a15e33b9a41.jpeg)

---

<div class="post-metadata">

**Author:** ![Flawless](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/flawless/32/20131_2.png) [@Flawless](https://forum.adalo.com/u/Flawless)\
**Post date:** [January 7, 2023, 1:16pm UTC](https://forum.adalo.com/t/the-rounded-image-is-not-a-perfect-circle/35091/2 "2023-01-07T13:16:17Z")

</div>

Since you’re just displaying images, use the Image List component and set it to 4 columns.

I’ve done this exact same thing in a different app:

 ![Screen Shot 2023-01-07 at 6.15.40 AM](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/d/2/d2dd8d4d78fd0282e85469ebed82ad4183302a96.png)  
g

---

<div class="post-metadata">

**Author:** ![Indave](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/indave/32/25147_2.png) [@Indave](https://forum.adalo.com/u/Indave)\
**Post date:** [January 7, 2023, 1:27pm UTC](https://forum.adalo.com/t/the-rounded-image-is-not-a-perfect-circle/35091/3 "2023-01-07T13:27:11Z")

</div>

Thank you @Flawless for your solution.  
However, this module does not allow you to set a distance between elements or even set a background for the circle.

In any case I will use it because the other solution just doesn’t appeal to me.

---

<div class="post-metadata">

**Author:** ![Flawless](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/flawless/32/20131_2.png) [@Flawless](https://forum.adalo.com/u/Flawless)\
**Post date:** [January 7, 2023, 2:46pm UTC](https://forum.adalo.com/t/the-rounded-image-is-not-a-perfect-circle/35091/4 "2023-01-07T14:46:11Z")

</div>

True, but it’s a lot easier than trying to figure out how to get a circle to stay pixel-perfect in a multi-column custom list.

---

<div class="post-metadata">

**Author:** ![Senuoy](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/senuoy/32/33326_2.png) [@Senuoy](https://forum.adalo.com/u/Senuoy)\
**Post date:** [January 14, 2024, 1:50am UTC](https://forum.adalo.com/t/the-rounded-image-is-not-a-perfect-circle/35091/5 "2024-01-14T01:50:03Z")

</div>

I’m encountering the same issue, which seems to be a persistent bug. In Adalo 1.0, the images were correctly displayed as circles, but after transitioning to Adalo 2.0, this problem only affects elements created with the new version. It’s frustrating to spend time troubleshooting something as fundamental as setting images to display as circles when they should just work as intended. This should be a given, not a time-consuming problem to solve… @CH_Team  
 ![image](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/3/9/39bd8c8142f4920f0eadbf224956ed1f50cad49d.png)

---

<div class="post-metadata">

**Author:** ![Indave](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/indave/32/25147_2.png) [@Indave](https://forum.adalo.com/u/Indave)\
**Post date:** [January 14, 2024, 8:46am UTC](https://forum.adalo.com/t/the-rounded-image-is-not-a-perfect-circle/35091/6 "2024-01-14T08:46:23Z")

</div>

Apparently the Adalo platform seems frozen on the most obvious things… and some features like a gradient box you have to pay €35 for… absurd!

---

<div class="post-metadata">

**Author:** ![Senuoy](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/senuoy/32/33326_2.png) [@Senuoy](https://forum.adalo.com/u/Senuoy)\
**Post date:** [January 14, 2024, 10:52pm UTC](https://forum.adalo.com/t/the-rounded-image-is-not-a-perfect-circle/35091/7 "2024-01-14T22:52:15Z")

</div>

I gave up on circles for now, so changed them to default, but I m not getting perfect square either 😂

despite the parameters giving up perfect square 100/100

![image](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/4/2/4225a839f929439db850a07fb02a1075bb0023bd.png)

---

<div class="post-metadata">

**Author:** ![Rozza](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/rozza/32/22780_2.png) [@Rozza](https://forum.adalo.com/u/Rozza)\
**Post date:** [January 15, 2024, 5:44am UTC](https://forum.adalo.com/t/the-rounded-image-is-not-a-perfect-circle/35091/8 "2024-01-15T05:44:33Z")

</div>

It’s normally snapping to a nearby object.  
You can also hardcode with imgix params.

But to be honest I still have custom lists of avatars where I just gave up.

---

<div class="post-metadata">

**Author:** ![Senuoy](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/senuoy/32/33326_2.png) [@Senuoy](https://forum.adalo.com/u/Senuoy)\
**Post date:** [January 16, 2024, 10:39pm UTC](https://forum.adalo.com/t/the-rounded-image-is-not-a-perfect-circle/35091/9 "2024-01-16T22:39:32Z")

</div>

Hey, Adalo supported showed me what the issue was, this is happening because the images are set to scale with the screen in the layout tab. This means as the screen gets wider the image will get wider as well.

Check out this [Adalo | Help Doc](https://help.adalo.com/design/designing-your-app/using-the-layout-tab?utm_campaign=cx_tickets&utm_medium=email&content=design-designing-your-app-using-the-layout-tab) on working with Layout in Responsive for more information.

I never thought of this, and didn’t image individual objects would be affected by the global setting of the screen. So this is the answer to this issue.

Sharing is caring lol.

 ![image](https://us1.discourse-cdn.com/flex020/uploads/adalo/original/3X/8/1/8161a5b6ebc7c4b5deeee5fcc89f4014fd64059d.png)

---

<div class="post-metadata">

**Author:** ![NoCodeJedi](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/nocodejedi/32/414_2.png) [@NoCodeJedi](https://forum.adalo.com/u/NoCodeJedi)\
**Post date:** [August 3, 2024, 5:01pm UTC](https://forum.adalo.com/t/the-rounded-image-is-not-a-perfect-circle/35091/10 "2024-08-03T17:01:02Z")

</div>

Thanks for the love, was driving me nuts ❤

---

<div class="post-metadata">

**Author:** ![bellasaunders](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/bellasaunders/32/34416_2.png) [@bellasaunders](https://forum.adalo.com/u/bellasaunders)\
**Post date:** [August 4, 2024, 9:38pm UTC](https://forum.adalo.com/t/the-rounded-image-is-not-a-perfect-circle/35091/11 "2024-08-04T21:38:27Z")

</div>

set the sizing to fixed

---

<div class="post-metadata">

**Author:** ![Indave](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.adalo.com/indave/32/25147_2.png) [@Indave](https://forum.adalo.com/u/Indave)\
**Post date:** [September 15, 2024, 7:13pm UTC](https://forum.adalo.com/t/the-rounded-image-is-not-a-perfect-circle/35091/12 "2024-09-15T19:13:25Z")

</div>

I hope they change this incomprehensible method of handling responsive soon!
