[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