# Changing the border radius in the new UI

**URL:** <https://community.thunkable.com/t/changing-the-border-radius-in-the-new-ui/1042216>\
**Category:** Questions about Thunkable X\
**Tags:** draganddrop\
**Created:** [January 3, 2021, 6:53pm UTC](https://community.thunkable.com/t/changing-the-border-radius-in-the-new-ui/1042216 "2021-01-03T18:53:25Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![cyberdriver](https://avatars.discourse-cdn.com/v4/letter/c/5e9695/32.png) [@cyberdriver](https://community.thunkable.com/u/cyberdriver)\
**Post date:** [January 3, 2021, 6:53pm UTC](https://community.thunkable.com/t/changing-the-border-radius-in-the-new-ui/1042216/1 "2021-01-03T18:53:25Z")

</div>

In the new UI, how do I change the border radius for each individual corner not the whole button. This was a feature in the old one.

---

<div class="post-metadata">

**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\
**Post date:** [January 5, 2021, 12:27pm UTC](https://community.thunkable.com/t/changing-the-border-radius-in-the-new-ui/1042216/2 "2021-01-05T12:27:36Z")

</div>

We launched with the most essential component properties, but are planning on adding more soon.

Right now we just have one `corner radius` property for the entire button:

![Screenshot 2021-01-05 at 12.25.59](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/8/f/8ff0a1a6df5e77b4d846a4f31495936ac001fb84.png)

Do you have a mock-up of what you want your button to look like @cyberdriver?

---

<div class="post-metadata">

**Author:** ![cyberdriver](https://avatars.discourse-cdn.com/v4/letter/c/5e9695/32.png) [@cyberdriver](https://community.thunkable.com/u/cyberdriver)\
**Post date:** [January 5, 2021, 12:30pm UTC](https://community.thunkable.com/t/changing-the-border-radius-in-the-new-ui/1042216/3 "2021-01-05T12:30:04Z")

</div>

Actually it was for a text input. Try adding a corder radius for the text input. It looks not right.

---

<div class="post-metadata">

**Author:** ![domhnallohanlon](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/domhnallohanlon/32/29554_2.png) [@domhnallohanlon](https://community.thunkable.com/u/domhnallohanlon)\
**Post date:** [January 5, 2021, 12:47pm UTC](https://community.thunkable.com/t/changing-the-border-radius-in-the-new-ui/1042216/4 "2021-01-05T12:47:38Z")

</div>

Aha - I thought you were inquiring about the button?

> [@cyberdriver](#):
>
> the whole button.

* * *

> [@cyberdriver](#):
>
> It looks not right.

I think I’d have to agree @cyberdriver - I’m just seeing the bottom left and right radii changed in the phone preview and on Web Testing too.

 ![Screenshot 2021-01-05 at 12.43.40](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/8/a/8ac099cb5f1c6b225f71efb180f80fa690e9a20b.png)

What does it look like for you on Live Testing? Are you iOS or Android?

---

<div class="post-metadata">

**Author:** ![cyberdriver](https://avatars.discourse-cdn.com/v4/letter/c/5e9695/32.png) [@cyberdriver](https://community.thunkable.com/u/cyberdriver)\
**Post date:** [January 5, 2021, 1:00pm UTC](https://community.thunkable.com/t/changing-the-border-radius-in-the-new-ui/1042216/5 "2021-01-05T13:00:14Z")

</div>

I would like to be able to do it with the button as well but I’m having the issue with the text input as you said. It looks the same when testing for me on iOS.

---

<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:31pm UTC](https://community.thunkable.com/t/changing-the-border-radius-in-the-new-ui/1042216/6 "2024-11-08T13:31:05Z")

</div>


