I’m working on a React project using Tailwind CSS, and I’ve encountered an issue where the color of an icon is inconsistent depending on how I access the application.

I have the following code to render a menu icon:

<div className="lg:hidden">

<BiMenuAltRight id="menu" className="text-2xl text-white" onClick={onOpen} />

</div>
I’ve already tried:

1. Clearing the browser cache
2. Inspecting the element in the browser developer tools to ensure the correct classes are applied
3. Using inline styles with style={{ color: ‘white’ }}

Despite these steps, the issue persists only on the network URL. Has anyone else encountered this problem or knows what might be causing the color to change based on the URL?

Any suggestions on how to debug or fix this would be greatly appreciated!