className={${valueItem === value ? "bg-green-400 bg-opacity-10 text-green-500 hover " : "hover "} flex px-8 py-2 bg-white w-full text-sm font-semibold text-secondary-text transition-all}

Here, bg-green-400 doesn’t work, but other classes do. Similarly, text-green-500 doesn’t work, but other text colors do. Does anyone know how to fix this “bug”?

I tried everything, but this happened to me in the past, and the fix was reinstalling.