# Not able to change custom button color in Radix UI

**URL:** <https://forum.codewithmosh.com/t/not-able-to-change-custom-button-color-in-radix-ui/24116>\
**Category:** Next.js\
**Created:** [December 14, 2023, 8:11am UTC](https://forum.codewithmosh.com/t/not-able-to-change-custom-button-color-in-radix-ui/24116 "2023-12-14T08:11:23Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![anantharaj](https://avatars.discourse-cdn.com/v4/letter/a/f04885/32.png) [@anantharaj](https://forum.codewithmosh.com/u/anantharaj)\
**Post date:** [December 14, 2023, 8:11am UTC](https://forum.codewithmosh.com/t/not-able-to-change-custom-button-color-in-radix-ui/24116/1 "2023-12-14T08:11:23Z")

</div>

I am trying to use tailwind css colors on my button. but its not working. Thanks for your input 🙂

---

<div class="post-metadata">

**Author:** ![lucidlear](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.codewithmosh.com/lucidlear/32/5477_2.png) [@lucidlear](https://forum.codewithmosh.com/u/lucidlear)\
**Post date:** [December 14, 2023, 8:56am UTC](https://forum.codewithmosh.com/t/not-able-to-change-custom-button-color-in-radix-ui/24116/2 "2023-12-14T08:56:23Z")

</div>

Does this relate to the ‘delete issue’ button and ‘OK’ and ‘Cancel’ buttons in the dialog box? You will most likely need to show the code for where the issue is occuring

---

<div class="post-metadata">

**Author:** ![anantharaj](https://avatars.discourse-cdn.com/v4/letter/a/f04885/32.png) [@anantharaj](https://forum.codewithmosh.com/u/anantharaj)\
**Post date:** [December 14, 2023, 11:03am UTC](https://forum.codewithmosh.com/t/not-able-to-change-custom-button-color-in-radix-ui/24116/3 "2023-12-14T11:03:40Z")

</div>

Any Radix UI Button, If i try to add any Tailwind css class like ‘bg-indigo-500’. the color not applied to the button.

---

<div class="post-metadata">

**Author:** ![onlyhasbi](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.codewithmosh.com/onlyhasbi/32/4608_2.png) [@onlyhasbi](https://forum.codewithmosh.com/u/onlyhasbi)\
**Post date:** [December 18, 2023, 11:15am UTC](https://forum.codewithmosh.com/t/not-able-to-change-custom-button-color-in-radix-ui/24116/4 "2023-12-18T11:15:58Z")

</div>

You cannot change the color of the radix UI button by setting the tailwindcss class name, the Radix UI Button component is predefined. You must use the colors listed in the documentation. The solution is to create a custom button using the regular html button tag