ProfileMenu has erroneous left border

Radzen.Blazor Components
1

The ProfileMenu component has a stray left border. It shows up even in the samples on the Radzen web site. It's not easily noticed because it's a light gray border on a white background:

image

It also shows up on my site:

image
image1386×372 20.6 KB

Here's the code generating the ProfileMenu on my site:

        <div class="col-1">
            @*<UserProfileMenu></UserProfileMenu>*@
            <RadzenProfileMenu Style="background-color: sandybrown;">
                <Template>
                    <RadzenIcon Icon="account_circle"></RadzenIcon>
                </Template>
                <ChildContent>
                    <RadzenProfileMenuItem Text="Login or Register" Path="authentication/login" Icon="account_circle"></RadzenProfileMenuItem>
                </ChildContent>
            </RadzenProfileMenu>
        </div>

Any help or workaround to resolve this would be greatly appreciated.

2

You can use your browser developer tools inspector to check which element should be modified to fit your needs.

3

This is by design as the profilemenu is usually used in the header of an application. You can change any styling by overriding the CSS as @enchev suggested. The CSS implementation is available here.

5

Thank you!!! Got it working the way I want.