Versions: Blazor WebAssembly 8.0, .NET 8.0

Well i am new to Blazor, and I have been wondering from a long time what was the cutted circle that appears when i try to load my page.

This is what i see:
What i get

So i decided to fix it, I changed the code that i have in my index html to this:

<div id="app">
        <div style="position:absolute; top:30vh; width:100%; text-align:center">
            <h1>SyncTask</h1>
            <h4>Loading ...</h4>
        </div>
</div>

And well, it works but only when i go to a page that is not /, for example /login:
enter image description here

So there is something i am missing? I tought that div applies to all my pages.