MoonLoader wobbles when provided a size not evenly divisible by 7

[RigoOnRails]

Package Version
0.13.4

Describe the bug
The MoonLoader component does some math internally to compute the correct border width for the spinner + the overall container size. The magic number here seems to be 7.

react-spinners/src/MoonLoader.tsx

Line 18 in ddbcf23

const moonSize = value / 7;

When provided a size that is evenly divisible by 7 (Eg. 14, 21, 28, etc.), the component renders perfectly & doesn't wobble, due to the perfect whole numbers in the computed sizes:

But when you provide an arbitrary size like 24, you get these very specific sizes that start causing the wobbling, I assume due to the browser engine:

To Reproduce
Provide a size not evenly divisible by 7.

Expected behavior
The component should be stable, no matter the size provided.

Additional context
This is tested using Chrome on macOS.

[davidhu2000]

we could just do

const moonSize = Math.round(value / 7);

but that could mean the final size won't exactly be right