Center the loader when using before or after slot

[devzero0]

First off, thanks for this great component! When using the before or after slots, the loader is left aligned with the text. How can it be re-centered on screen? Here is an example JSFiddle that shows the issue.

[ankurk91]

Usually, You should handle the CSS for your html. But I will still check your fiddle in my morning

[ankurk91]

Here is the updated fiddle -
https://jsfiddle.net/8pu0wsL5/4/

Check the css section.

[devzero0]

That worked, appreciate your help.

[MohamedHana]

.vld-icon: {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

This should be default styles for the container. Please update it if possible in the next release.