ToolbarTray Background Property überschreiben

Hallo,

Ich bin gerade dabei das design eines TolbarTray zu bearbeiten.

Folgendes Problem, obwohl ich von obenlinks nach untenrechts zeichne wird der Farbverlauf immer von links nach rechts dargestellt. Ich komm einfach nicht drauf woran das liegt.

(Der LinearGradientBrush ist korrekt wenn ich das ziel in Button ändere wird alles korrekt im Button dargestellt).

Wie bekomme ich den TolbarTray dazu den Farbverlauf richtig widerzugeben??

Danke für eure hilfe 😃.

 <Style x:Key="{x:Type ToolBarTray}"
       TargetType="{x:Type ToolBarTray}">
        <Setter Property="Background">
      <Setter.Value>
                <LinearGradientBrush StartPoint="0,0"
           EndPoint="1,1">
                    <LinearGradientBrush.GradientStops>
                        <GradientStopCollection>
                            <GradientStop Color="White"
    Offset=".5" />
                            <GradientStop Color="Black"
    Offset="1." />
                        </GradientStopCollection>
                    </LinearGradientBrush.GradientStops>
                </LinearGradientBrush>
      </Setter.Value>
    </Setter>
  </Style>