When using a custom spinner, the spinner isn't centered with text

[AloysiusParedes]

I am trying to use https://github.com/davidhu2000/react-spinners

and when I use it, the spinner is not aligned with text

<LoadingOverlay active={!this.state.isLoaded} spinner={<PulseLoader color={"var(--bluePrimary)"} />} text="Loading data..." fadeSpeed={0} styles={{ wrapper: { width: "100%", height: "100%" } }} >

[derrickpelletier]

can you throw a sample up so i can look at it live

[lishine]

Hi @derrickpelletier ,
Same here, using this:

 <LoadingOverlay active={loading} spinner={<BounceLoader />} text="Loading...">

Note: it is Next.js
https://i.imgur.com/f0nnpri.gifv

[raxod502]

@derrickpelletier Any update here? This seems like a really basic feature, so perhaps we are missing something about the intended usage of your library.

[raxod502]

Ah, I have found that if I use ScaleLoader instead of BounceLoader then the problem does not occur. I could not tell you why.