Employee Center Loading Dots in Header Menu

[Steven Parker]

I noticed today that the loading dots in our Employee Center header menu are black.  In our Service Portal, they are white.

How can I modify the CSS in the EC Theme (I've been using the global style sheet) to change the color of the loading dots to white?

Not sure I am identifying the right class when trying to do this

	.navbar-nav {
		.header-loader {
	  	color: #ffffff  !important; /* Adjust color as needed */
		}
	}

[Rajat Gupta6 · Accepted solution]

.sp-loading-indicator {

color: #fff;

}

Please accept my solution if it works for you and thumps up.

[Steven Parker]

Thanks!  I stared at that class in the Widget, but didn't use it.  Couldn't figure out how to inspect the 3 dots as they disappear so quickly.  Your answer works!