Fix XAML styling

Author: AndrewKeepCoding

components/Segmented/src/SegmentedItem/SegmentedItem.xaml

@@ -1,4 +1,4 @@
-<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                     xmlns:local="using:CommunityToolkit.WinUI.Controls"
                     xmlns:win="http://schemas.microsoft.com/winfx/2006/xaml/presentation">
@@ -361,8 +361,9 @@
     </ResourceDictionary.ThemeDictionaries>
 
     <x:String x:Key="SegmentedItemScaleAnimationDuration">00:00:00.167</x:String>
-    <win:BrushTransition x:Key="SegmentedItemBackgroundBrushTransition" Duration="0:0:0.083" />
-    
+    <win:BrushTransition x:Key="SegmentedItemBackgroundBrushTransition"
+                         Duration="0:0:0.083" />
+
     <Style BasedOn="{StaticResource DefaultSegmentedItemStyle}"
            TargetType="local:SegmentedItem" />
 
@@ -399,12 +400,12 @@
                         <Grid x:Name="PART_Root"
                               VerticalAlignment="{TemplateBinding VerticalAlignment}"
                               Background="{TemplateBinding Background}"
+                              BackgroundTransition="{ThemeResource SegmentedItemBackgroundBrushTransition}"
                               BorderBrush="{TemplateBinding BorderBrush}"
                               BorderThickness="{TemplateBinding BorderThickness}"
                               Control.IsTemplateFocusTarget="True"
-                              CornerRadius="{TemplateBinding CornerRadius}"
-                              BackgroundTransition="{ThemeResource SegmentedItemBackgroundBrushTransition}">
-                             <VisualStateManager.VisualStateGroups>
+                              CornerRadius="{TemplateBinding CornerRadius}">
+                            <VisualStateManager.VisualStateGroups>
                                 <VisualStateGroup x:Name="SegmentedIconPositionStates">
                                     <VisualState x:Name="IconOnLeft" />
                                     <VisualState x:Name="IconOnly">
@@ -614,9 +615,9 @@
                             <Border x:Name="PART_Hover"
                                     Margin="{Binding RelativeSource={RelativeSource Mode=TemplatedParent}, Converter={StaticResource MarginConverter}}"
                                     Background="Transparent"
+                                    BackgroundTransition="{ThemeResource SegmentedItemBackgroundBrushTransition}"
                                     CornerRadius="{TemplateBinding CornerRadius}"
-                                    RenderTransformOrigin="0.5, 0.5"
-                                    BackgroundTransition="{ThemeResource SegmentedItemBackgroundBrushTransition}">
+                                    RenderTransformOrigin="0.5, 0.5">
                                 <Border.RenderTransform>
                                     <CompositeTransform />
                                 </Border.RenderTransform>
@@ -923,9 +924,9 @@
                         <Grid x:Name="PART_Root"
                               Background="{TemplateBinding Background}"
                               BackgroundSizing="{TemplateBinding BackgroundSizing}"
+                              BackgroundTransition="{ThemeResource SegmentedItemBackgroundBrushTransition}"
                               Control.IsTemplateFocusTarget="True"
-                              CornerRadius="{TemplateBinding CornerRadius}"
-                              BackgroundTransition="{ThemeResource SegmentedItemBackgroundBrushTransition}">
+                              CornerRadius="{TemplateBinding CornerRadius}">
                             <VisualStateManager.VisualStateGroups>
                                 <VisualStateGroup x:Name="SegmentedIconPositionStates">
                                     <VisualState x:Name="IconOnLeft" />