Странное отображение разделителя (separator) при задании ему стиля

Есть такой код:

<Fluent:RibbonTabItem Header="Главная">
    <Fluent:RibbonGroupBox Uid="ExitGroup"
                           Style="{StaticResource ConfiguredFluentGroupBoxStyle}">
     <Fluent:Button Uid="ExitButton"
                    Header="Выход"
                    Command="{Binding ExitCommand}"
                    CommandParameter="{Binding RelativeSource={RelativeSource AncestorType=Window}}" />
    </Fluent:RibbonGroupBox>
    <Fluent:RibbonGroupBox Uid="ListElementsGroup"
                           Style="{StaticResource ConfiguredFluentGroupBoxStyle}">
     <Fluent:Button Uid="AddElementButton"
                    Style="{StaticResource ConfiguredFluentButtonStyle}" />
     <Fluent:Button Uid="DublicateElementButton"
                    Style="{StaticResource ConfiguredFluentButtonStyle}" />
     <Separator Visibility="{Binding Path=Visibility, ElementName=ViewElementButton}" />
     <Fluent:Button Uid="ViewElementButton"
                    x:Name="ViewElementButton"
                    Style="{StaticResource ConfiguredFluentButtonStyle}" />
     <!-- Вот тут! -->
     <Separator Visibility="{Binding Path=Visibility, ElementName=DeleteElementButton}" />
     <Fluent:Button Uid="DeleteElementButton"
                    x:Name="DeleteElementButton"
                    Style="{StaticResource ConfiguredFluentButtonStyle}" />
     <Fluent:Button Uid="EditElementButton"
                    x:Name="EditElementButton"
                    Style="{StaticResource ConfiguredFluentButtonStyle}" />
     <Separator Visibility="{Binding Path=Visibility, ElementName=RefreshElementsButton}" />
     <Fluent:Button Uid="RefreshElementsButton"
                    x:Name="RefreshElementsButton"
                    Style="{StaticResource ConfiguredFluentButtonStyle}" />
    </Fluent:RibbonGroupBox>
</Fluent:RibbonTabItem>

Ожидаемо, всё отображается как надо.

Но мне нужно, чтобы разделитель в середине был виден только, если видна хотя-бы одна кнопка, идущая за ним до следующего разделителя. Поэтому прикручиваю к разделителю style:

<Fluent:RibbonTabItem Header="Главная">
    <Fluent:RibbonGroupBox Uid="ExitGroup"
                           Style="{StaticResource ConfiguredFluentGroupBoxStyle}">
     <Fluent:Button Uid="ExitButton"
                    Header="Выход"
                    Command="{Binding ExitCommand}"
                    CommandParameter="{Binding RelativeSource={RelativeSource AncestorType=Window}}" />
    </Fluent:RibbonGroupBox>
    <Fluent:RibbonGroupBox Uid="ListElementsGroup"
                           Style="{StaticResource ConfiguredFluentGroupBoxStyle}">
     <Fluent:Button Uid="AddElementButton"
                    Style="{StaticResource ConfiguredFluentButtonStyle}" />
     <Fluent:Button Uid="DublicateElementButton"
                    Style="{StaticResource ConfiguredFluentButtonStyle}" />
     <Separator Visibility="{Binding Path=Visibility, ElementName=ViewElementButton}" />
     <Fluent:Button Uid="ViewElementButton"
                    x:Name="ViewElementButton"
                    Style="{StaticResource ConfiguredFluentButtonStyle}" />
     <!-- Вот тут!!! -->
     <Separator>
      <Separator.Style>
       <Style TargetType="{x:Type Separator}">
        <Style.Triggers>
         <MultiDataTrigger>
          <MultiDataTrigger.Conditions>
           <Condition Binding="{Binding Path=Visibility, ElementName=DeleteElementButton}"
                      Value="Collapsed" />
           <Condition Binding="{Binding Path=Visibility, ElementName=EditElementButton}"
                      Value="Collapsed" />
          </MultiDataTrigger.Conditions>
          <Setter Property="Visibility"
                  Value="Collapsed" />
         </MultiDataTrigger>
        </Style.Triggers>
       </Style>
      </Separator.Style>
     </Separator>
     <Fluent:Button Uid="DeleteElementButton"
                    x:Name="DeleteElementButton"
                    Style="{StaticResource ConfiguredFluentButtonStyle}" />
     <Fluent:Button Uid="EditElementButton"
                    x:Name="EditElementButton"
                    Style="{StaticResource ConfiguredFluentButtonStyle}" />
     <Separator Visibility="{Binding Path=Visibility, ElementName=RefreshElementsButton}" />
     <Fluent:Button Uid="RefreshElementsButton"
                    x:Name="RefreshElementsButton"
                    Style="{StaticResource ConfiguredFluentButtonStyle}" />
    </Fluent:RibbonGroupBox>
</Fluent:RibbonTabItem>

При этом этот разделитель почему-то переходит в горизонталь под предшествующей ему кнопкой. Как заставить его адекватней выглядеть? Почему он так себя ведет? Может кто подскажет, куда копать, что почитать?

Спасибо

p.s. Картинки почему-то отказываются прикрепляться, использую компонент Fluent.Ribbon v8