The error message is being cut off.

[malhayek2012]

I may be doing something incorrectly here. But, I am having an issue where the error message is not fully visible on the form.

Here is what I am getting

Here is my XAML code

<mui:ModernWindow x:Class="WindowsClient.Views.VendorView"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  xmlns:mui="http://firstfloorsoftware.com/ModernUI"
  Title="Vendors" Height="350" Width="525"
  Style="{StaticResource BlankWindow}">
       <DockPanel Style="{StaticResource ContentRoot}">
            <Grid DockPanel.Dock="Top">
                <Grid.ColumnDefinitions >
                    <ColumnDefinition Width="*" ></ColumnDefinition>
                </Grid.ColumnDefinitions>
                <StackPanel>
                    <StackPanel>
                        <Label Content="Name" />
                        <TextBox x:Name="Name" Text="{Binding Name, ValidatesOnDataErrors=True, NotifyOnValidationError=True, UpdateSourceTrigger=PropertyChanged}" />
                    </StackPanel>

                    <StackPanel>
                        <Label Content="Phone Number" />
                        <TextBox x:Name="Phone" Text="{Binding Phone, ValidatesOnDataErrors=True, NotifyOnValidationError=True, UpdateSourceTrigger=PropertyChanged}" />
                    </StackPanel>
                </StackPanel>
            </Grid>
            
            <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" DockPanel.Dock="Bottom" Height="30" VerticalAlignment="Bottom">
                <Button Command="{Binding Create}">Create</Button>
                <Button>Reset</Button>
            </StackPanel>
            
        </DockPanel>
    
</mui:ModernWindow>