Style in app.xaml (VerticalAlignment="Center") messes up styling

<Style x:Key="BasicStyle">
  <Setter Property="FrameworkElement.VerticalAlignment" Value="Center"></Setter>
  <Setter Property="FrameworkElement.Margin" Value="3,1,3,1"></Setter>
</Style>

<Style TargetType="Image" BasedOn="{StaticResource BasicStyle}"></Style>

<Style TargetType="StackPanel" BasedOn="{StaticResource BasicStyle}"></Style>

<Style TargetType="DockPanel" BasedOn="{StaticResource BasicStyle}"></Style>

etc., etc...

<Window x:Class="NeonMika.EightTracksPlayer.SwitchSelector"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:track="clr-namespace:NeonMika.EightTracks;assembly=NeonMika.EightTracks"
        xmlns:local="clr-namespace:NeonMika.EightTracksPlayer"
        Title="SwitchSelector" Height="670" Width="959" MinWidth="500"
        removed="{StaticResource MainBackground}">
        <DockPanel Margin="0" VerticalAlignment="Stretch">
            <local:HeaderControl DockPanel.Dock="Top">
            </local:HeaderControl>

            <local:ControlArea DockPanel.Dock="Bottom">
            </local:ControlArea>

            <ContentControl Name="ContentArea"></ContentControl>
        </DockPanel>
</Window>