# Tailwind CSS v4 Utility Class Not Updating on Color Change

**URL:** https://forum.pinegrow.com/t/tailwind-css-v4-utility-class-not-updating-on-color-change/10642
**Category:** Bug Reports
**Created:** [April 20, 2025, 8:28pm UTC](https://forum.pinegrow.com/t/tailwind-css-v4-utility-class-not-updating-on-color-change/10642 "2025-04-20T20:28:12Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![red-rosefields](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/red-rosefields/32/5392_2.png) [@red-rosefields](https://forum.pinegrow.com/u/red-rosefields)
#### Post date: [April 20, 2025, 8:28pm UTC](https://forum.pinegrow.com/t/tailwind-css-v4-utility-class-not-updating-on-color-change/10642/1 "2025-04-20T20:28:12Z")

</div>

There is a little bug here in tw4  
When attempting to change the color of an element that already has a Tailwind color utility class applied (e.g. text-purple-500), the new color selection does **not** update the element as expected. Instead, Pinegrow appends a trailing slash (/) to the existing utility class, resulting in an invalid class like text-purple-500/, and the color change has no visible effect turning the element to white.  
One have to manually delete the existing Tailwind color utility class before assigning a new one.  
This is not happening in TW 3 and it is happeing also in the PG wp plugin version.

---

<div class="post-metadata">

### Author: ![Emmanuel](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/emmanuel/32/6294_2.png) [@Emmanuel](https://forum.pinegrow.com/u/Emmanuel)
#### Post date: [April 20, 2025, 10:51pm UTC](https://forum.pinegrow.com/t/tailwind-css-v4-utility-class-not-updating-on-color-change/10642/2 "2025-04-20T22:51:26Z")

</div>

When I try the use case with Pinegrow 8.4 Desktop (for now), this is what I get.

---

<div class="post-metadata">

### Author: ![red-rosefields](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/red-rosefields/32/5392_2.png) [@red-rosefields](https://forum.pinegrow.com/u/red-rosefields)
#### Post date: [April 21, 2025, 8:47am UTC](https://forum.pinegrow.com/t/tailwind-css-v4-utility-class-not-updating-on-color-change/10642/3 "2025-04-21T08:47:32Z")

</div>

Thanks for checking,  
Are you on TW4? b/c if i switch to TW3.x the issue do not persist.  
I did tried ahain on a blank project in the wp plugin and desktop version, latest version both.

---

<div class="post-metadata">

### Author: ![Emmanuel](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/emmanuel/32/6294_2.png) [@Emmanuel](https://forum.pinegrow.com/u/Emmanuel)
#### Post date: [April 21, 2025, 11:20am UTC](https://forum.pinegrow.com/t/tailwind-css-v4-utility-class-not-updating-on-color-change/10642/4 "2025-04-21T11:20:30Z")

</div>

> [@red-rosefields](#):
>
> Are you on TW4?

It’s actually a pretty standard TailwindCSS 4 project where the design panel is enabled. However, I confirm there’s a bug here. For some strange reason, this morning, I encountered the issue you mentioned during a new test. I’ve reported the problem to the development team, and a fix should be coming soon.

Thanks a lot for your feedback.

**UPDATE** : It’s already fixed and will be available in the next Pinegrow update. (I’m not announcing an ETA, but it’s coming very soon).

---

<div class="post-metadata">

### Author: ![red-rosefields](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/red-rosefields/32/5392_2.png) [@red-rosefields](https://forum.pinegrow.com/u/red-rosefields)
#### Post date: [April 21, 2025, 2:34pm UTC](https://forum.pinegrow.com/t/tailwind-css-v4-utility-class-not-updating-on-color-change/10642/5 "2025-04-21T14:34:11Z")

</div>

Thank you very much Emmanuel.  
Cheers.
