I am trying to show a string inside a MudSelectItem, but the string is truncated when item is selected, altough it is displaying the entire string in the dropDown men.

I tried using the css class mud-select-input & setting the width of the Select box, but it did not work.

Dropdown menu is showing entire string – which is fine
Once selected, string is truncated

My knowledge of css is limited.

<MudDialog DisableSidePadding="true">
    <DialogContent>
         <MudContainer> 
            <MudSelect T="string" label="String to show" Placeholder="Please Select" Variant="Variant.Outlined" Class="pb-4 select"
                AnchorOrigin="Origin.BottomLeft" TransformOrigin="Origin.TopLeft" Adornment="Adornment.End">
                <MudSelectItem T="string" Value="@("This Is A Long String To Show")"/>
                <MudSelectItem T="string" Value="@("This Is Another Long String To Show")"/>
            </MudSelect>
        </MudContainer>
    </DialogContent>
    <DialogActions>
    </DialogActions>
</MudDialog>

<style>
.mud-select-input
{
    width:400px
    max-width:500px
}
</style>

https://try.mudblazor.com/snippet/wuQoOIwyfcDfeTyS