RadzenFormFields show text in the field right-aligned

[LMGeds]

Hi, since today's update to version 5.0.0 all my
RadzenFormFields show text in the field right-aligned. Here is a screenshot:

Here is my code snippet for it:

<div class="row">
    <div class="col-6">
        <RadzenFormField Text="Arbeitgeber Vorname***" Style="width: 100%;">
            <RadzenTextBox Name="Arbeitgeber Vorname"
                           Style="width: 100%;"
                           class="lm-dropdown"
                           Disabled="@IsDisabled"
                           Value="@Pact.SigneeFirstname" />
        </RadzenFormField>
    </div>
    <div class="col-6">
        <RadzenFormField Text="Arbeitgeber Nachname***" Style="width: 100%;">
            <RadzenTextBox Name="Arbeitgeber Nachname"
                           Style="width: 100%;"
                           class="lm-dropdown"
                           Disabled="@IsDisabled"
                           Value="@Pact.SigneeLastname" />
        </RadzenFormField>
    </div>
</div>

How can I make the text left-aligned again?
Thank you in advance

[yordanov]

Hi @LMGeds,

Can you reproduce this in the online demos? You can hit the Edit Source tab to edit the demo and add your configuration.

Blazor FormField Component | Free UI Components by Radzen

If you cannot reproduce it, then it is most likely you browser's cache - try refreshing the page or clear the cache.

[LMGeds]

Clearing the cache didn't solve my problem, and I can't reproduce the problem on the demo page either.

[yordanov]

If you cannot reproduce it in the demos, then there are most probably third-party styles interfering with the components. Is it only the labels that are aligned to the right or the values as well?

Try and see if this CSS fixes the issue:

.rz-form-field-label {
    text-align: start !important;
}

[LMGeds]

We don't have a third-party style provider. Only the texts look like this, the values ​​are all there.

And that didn't solve the problem:
.rz-form-field-label {
text-align: start !important;
}

[LMGeds]

I found the error, it was actually due to some CSS settings that I adjusted myself.
Now I commented out my own settings and here is the result:

Thank you very much!