UWP - Strange line appears when Hover in ARM pc

[AndersonRodr]

Which sample are you reporting a bug in?

Example: MenuFlyout

Describe the bug
Hi there.
I created a UWP application with a command bar and I'm using it on an ARM computer.
There is a tiny diagonal line when hovering the icon and in other buttons happen the same error.

To Reproduce
Steps to reproduce the behavior:

1. Create a app using the code:
   <StackPanel x:Name="grid"> <CommandBar HorizontalAlignment="Right"> <AppBarButton Icon="Like" Label="Like" /> <AppBarButton Icon="Dislike" Label="Dislike" /> <AppBarButton Icon="Favorite" Label="Favorite" /> <AppBarButton Icon="More" Label="More"> <AppBarButton.Flyout> <MenuFlyout Placement="Bottom"> <MenuFlyoutItem Text="Option 1" /> <MenuFlyoutItem Text="Option 2" /> <MenuFlyoutItem Text="Option 3" /> <MenuFlyoutItem Text="Option 4" /> <MenuFlyoutItem Text="Option 5" /> </MenuFlyout> </AppBarButton.Flyout> </AppBarButton> </CommandBar> </StackPanel>

2. Hover the more options and see a tiny line.

Expected behavior
No line be shown.

Screenshots

Configuration

• Language/architecture/flavor: ARM Windows 11
• Windows platform and build number: 22621.2283
• Visual Studio version: Microsoft Visual Studio Professional 2022 (64-bit) - Current Version 17.10.1