[Bug] White bar at top of custom alert

[ShawnDoe]

Describe the bug
There is a white bar along the top of the custom toast. I saw this on my own project then confirmed it on the project downloaded from here.
To Reproduce
Steps to reproduce the behavior:
Download the sample project here.
Run it.
Choose Custom Toast.
See white bar along the top of the toast.
Expected behavior
I cannot override whatever this is and I would expect to be able to remove it.

Screenshots

Hosting Model (is this issue happening with a certain hosting model?):

• Blazor Server

Additional context

[Cvijo]

A workaround would be to add CSS to override blazored-toast with {border-top:0px;} on your custom component

[haakonfp]

A workaround would be to add CSS to override blazored-toast with {border-top:0px;} on your custom component

This worked for me, just needed the !important tag as well.
I added the following to my css file to avoid the top border and the unrounded edges:

.blazored-toast {
    border-top: 0px!important;
    border-radius: 1rem!important;
}

[taylorchasewhite]

Same