Упорядочить строки и столбцы в сетке WPF

Question

Мы пытаемся получить метки TimerLabel слева на кнопке и ResumePauseLabel справа.

При выполнении этого урока кажется, что мы все сделали правильно. Мы создали 2 столбца и 1 строку, затем мы пытаемся добавить метки в правильный столбец и строку. Но по той или иной причине обе метки накладываются друг на друга.

Почему текст все еще накладывается?

        [XML]$Xaml = @"
<Window
    xmlns='http://schemas.microsoft.com/winfx/2006/xaml/presentation'
    xmlns:x='http://schemas.microsoft.com/winfx/2006/xaml'
    x:Name='Window' Title='Splash screen' WindowStyle='None'
    WindowStartupLocation='CenterScreen' ResizeMode='NoResize'
    ShowInTaskbar='False' SizeToContent='WidthAndHeight'
    MaxHeight='800' MaxWidth='1200' Topmost='True'
>

<Grid>
    <Image Source='$Path'/>
    <Button Name='TimerButton' VerticalAlignment='Top' HorizontalAlignment='Right' Margin='0,3,3,0'>
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="30"/>
            </Grid.RowDefinitions>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="20"/>
                <ColumnDefinition Width="50"/>
            </Grid.ColumnDefinitions>

            <Label Grid.Column="1" Grid.Row="1" Name='TimerLabel' Content='$Seconds' />
            <Label Grid.Column="2" Grid.Row="1" Name='ResumePauseLabel' Content='Pause' />
        </Grid>
    </Button>
    </Grid>
</Window>
"@