Align rz-dropdown-label

Radzen.Blazor Components
1

I need to align the text of the selected item in this dropdown, but I can't figure out how. I've tried using class="d-flex justify-content-flex-start" , but it looks like it aligns the content within the dropdown, not the text that is selected. Here is the example below:

image
image206×225 1.61 KB

<RadzenDropDown FilterCaseSensitivity="FilterCaseSensitivity.CaseInsensitive" FilterOperator="StringFilterOperator.Contains" AllowFiltering="true"
                Data=@Customes TextProperty=@Customers.Name
                ValueProperty=@Customers.Id @bind-Value=@userId class="justify-content-flex-start"/>
2

Other things I already tried:
Insert style="text-align: left;" on the dropdown and in a div surrounding it, but has no effect;
Put a <div class="d-flex justify-content-start">, but it doesn't affected too,
Put a <div class="d-flex align-items-start/baseline">, but without success.

The only thing that worked was to use inspect element and insert justify-content-start in the label; but I believe I have no way to do this outside of the runtime ...

3

AHHH, I've inserted the div class="d-flex align-items-start">, but I didn't select a new item! I tested it again and selected the item from the drop-down menu again and it worked! ^^'

UPDATE: Oops, it didn't work, I forgot that I put the align-items-start label on the rz-dropdown-label.