How to add two radio buttons controls to groupbox in wpf ? and why the circle near the radio button is not in the middle but a bit higher?

Radio buttons

How can i drag the radio buttons in the designer to change each radio button control position on the groupbox ?

Why the circle that use to change the radio button state is no near the radio button but a bit higher ? I changed the font size of the controls texts to 16.

<Window x:Class="WPF_Tests.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WPF_Tests"
        mc:Ignorable="d"
        Title="MainWindow" Height="600" Width="800">
    <Grid>
        <RichTextBox x:Name="RichTextBoxLogger" HorizontalAlignment="Left" Height="241" Margin="10,318,0,0" VerticalAlignment="Top" Width="772">
            <FlowDocument Background="Black" Foreground="#FFCEF90A">
                <Paragraph>
                    <Run Text="RichTextBox"/>
                </Paragraph>
            </FlowDocument>
        </RichTextBox>
        <GroupBox x:Name="groupBoxMode" Header="Mode" HorizontalAlignment="Left" Height="100" Margin="21,10,0,0" VerticalAlignment="Top" Width="474" FontSize="16">
            <StackPanel>
                <RadioButton Content="RadioButton" HorizontalAlignment="Left" Margin="0,48,0,0" VerticalAlignment="Top" RenderTransformOrigin="0.424,-0.804"/>
                <RadioButton Content="RadioButton" HorizontalAlignment="Left" Margin="0,48,0,0" VerticalAlignment="Top" RenderTransformOrigin="0.424,-0.804"/>
            </StackPanel>
        </GroupBox>
    </Grid>
</Window>
How many English words
do you know?
Test your English vocabulary size, and measure
how many words do you know
Online Test
Powered by Examplum