# Labels not affected by border radius on ios

**URL:** <https://community.thunkable.com/t/labels-not-affected-by-border-radius-on-ios/1516090>\
**Category:** Questions about Thunkable X\
**Tags:** design\
**Created:** [September 20, 2021, 1:59pm UTC](https://community.thunkable.com/t/labels-not-affected-by-border-radius-on-ios/1516090 "2021-09-20T13:59:07Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![dinocar621cfc](https://avatars.discourse-cdn.com/v4/letter/d/919ad9/32.png) [@dinocar621cfc](https://community.thunkable.com/u/dinocar621cfc)\
**Post date:** [September 20, 2021, 1:59pm UTC](https://community.thunkable.com/t/labels-not-affected-by-border-radius-on-ios/1516090/1 "2021-09-20T13:59:07Z")

</div>

Hello. I am done with my app however there is an aesthetical choice that is not working and I am not sure why.

If I have a label and I set the border-radius to any number, the desktop version (below) and builder display show curved corners. However, if I use the live testing app (sorry for how it messes up the display, the display is correct on my phone), the edges are straight.

From searching around I found that in the post ([[Solved] Labels with border radius](https://community.thunkable.com/t/solved-labels-with-border-radius/563360)), it says I need to turn off overflow, but I could not find this setting (I am new to thunkable).

I am using the drag and drop display. This seems to have lots of functions missing so I really hope that you have a fix for this. Any help is much appreciated.

Thanks

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/a/5/a5bb5b761bb820477c8a9d94a2333856b8ee4789.png)

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/7/a/7a9072c959a7fec96d6eb3daf93c39e860474d84.png)

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [September 20, 2021, 2:03pm UTC](https://community.thunkable.com/t/labels-not-affected-by-border-radius-on-ios/1516090/2 "2021-09-20T14:03:48Z")

</div>

It seems you are setting the radius to a very low number such as 5, try with higher numbers to get the required look on the phone.

App design slightly changes between a phone and a computer screen.

---

<div class="post-metadata">

**Author:** ![dinocar621cfc](https://avatars.discourse-cdn.com/v4/letter/d/919ad9/32.png) [@dinocar621cfc](https://community.thunkable.com/u/dinocar621cfc)\
**Post date:** [September 20, 2021, 3:14pm UTC](https://community.thunkable.com/t/labels-not-affected-by-border-radius-on-ios/1516090/3 "2021-09-20T15:14:43Z")

</div>

Thank you for the response. I have tried implementing this suggestion, however, I had no luck. I tried radius of 20, 50,75, 100, 500, 1000 and 2000. There is no change with any of these values and the label is just a box. I do not believe this is the problem as for all the buttons I have have an obvious curve at a radius of 10, and I belive it is something to do with iOS and this one component

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [September 20, 2021, 3:17pm UTC](https://community.thunkable.com/t/labels-not-affected-by-border-radius-on-ios/1516090/4 "2021-09-20T15:17:16Z")

</div>

Can you create a sample project with a single screen and reproduce this issue and share the link of the project so others can look into it and see why this would happen.

---

<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:15pm UTC](https://community.thunkable.com/t/labels-not-affected-by-border-radius-on-ios/1516090/5 "2024-11-08T13:15:08Z")

</div>


