diff --git a/components/Segmented/src/SegmentedItem/SegmentedItem.xaml b/components/Segmented/src/SegmentedItem/SegmentedItem.xaml
index 6f7d97c5..970015b7 100644
--- a/components/Segmented/src/SegmentedItem/SegmentedItem.xaml
+++ b/components/Segmented/src/SegmentedItem/SegmentedItem.xaml
@@ -361,6 +361,8 @@
     </ResourceDictionary.ThemeDictionaries>
 
     <x:String x:Key="SegmentedItemScaleAnimationDuration">00:00:00.167</x:String>
+    <win:BrushTransition x:Key="SegmentedItemBackgroundBrushTransition"
+                         Duration="0:0:0.083" />
 
     <Style BasedOn="{StaticResource DefaultSegmentedItemStyle}"
            TargetType="local:SegmentedItem" />
@@ -374,6 +376,7 @@
     <Thickness x:Key="MiddleItemHoverMargin">1, 3, 1, 3</Thickness>
     <Thickness x:Key="RightItemHoverMargin">1, 3, 3, 3</Thickness>
     <Thickness x:Key="ButtonItemPadding">11</Thickness>
+
     <Style x:Key="DefaultSegmentedItemStyle"
            TargetType="local:SegmentedItem">
         <Style.Setters>
@@ -397,13 +400,11 @@
                         <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}">
-                            <win:Grid.BackgroundTransition>
-                                <win:BrushTransition Duration="0:0:0.083" />
-                            </win:Grid.BackgroundTransition>
                             <VisualStateManager.VisualStateGroups>
                                 <VisualStateGroup x:Name="SegmentedOrientationStates">
                                     <VisualState x:Name="Horizontal" />
@@ -637,11 +638,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">
-                                <win:Border.BackgroundTransition>
-                                    <win:BrushTransition Duration="0:0:0.083" />
-                                </win:Border.BackgroundTransition>
                                 <Border.RenderTransform>
                                     <CompositeTransform />
                                 </Border.RenderTransform>
@@ -946,11 +945,9 @@
                         <Grid x:Name="PART_Root"
                               Background="{TemplateBinding Background}"
                               BackgroundSizing="{TemplateBinding BackgroundSizing}"
+                              BackgroundTransition="{ThemeResource SegmentedItemBackgroundBrushTransition}"
                               Control.IsTemplateFocusTarget="True"
                               CornerRadius="{TemplateBinding CornerRadius}">
-                            <win:Grid.BackgroundTransition>
-                                <win:BrushTransition Duration="0:0:0.083" />
-                            </win:Grid.BackgroundTransition>
                             <VisualStateManager.VisualStateGroups>
                                 <VisualStateGroup x:Name="SegmentedIconPositionStates">
                                     <VisualState x:Name="IconOnLeft" />