CommandBar focus is not rendered correctly

[MartinZikmund]

Current behavior

Issue 1
Focus is incorrectly rendered (cropped):

Expected behavior

No response

How to reproduce it (as minimally and precisely as possible)

<CommandBar Grid.Row="0" HorizontalAlignment="Left"
            Background="Transparent" IsOpen="False" DefaultLabelPosition="Right">
    <AppBarButton Label="File" Icon="Folder">
        <AppBarButton.Flyout>
            <MenuFlyout Placement="Bottom" >
                <MenuFlyoutItem Text="Connect" />
                <MenuFlyoutItem Text="Disconnect" />
                <MenuFlyoutSeparator />
                <MenuFlyoutItem Text="New" />
                <MenuFlyoutItem Text="Open" Icon="OpenFile" />
                <MenuFlyoutItem Text="Save" Icon="Save">
                    <MenuFlyoutItem.KeyboardAccelerators>
                        <KeyboardAccelerator Modifiers="Control" Key="S" />
                    </MenuFlyoutItem.KeyboardAccelerators>
                </MenuFlyoutItem>
            </MenuFlyout>
        </AppBarButton.Flyout>
    </AppBarButton>
    <CommandBar.SecondaryCommands>
        <AppBarButton Icon="Setting" Label="Settings">
            <AppBarButton.KeyboardAccelerators>
                <KeyboardAccelerator Modifiers="Control" Key="I" />
            </AppBarButton.KeyboardAccelerators>
        </AppBarButton>
    </CommandBar.SecondaryCommands>
</CommandBar>

Workaround

No response

Works on UWP/WinUI

None

Environment

No response

NuGet package version(s)

No response

Affected platforms

No response

IDE

No response

IDE version

No response

Relevant plugins

No response

Anything else we need to know?

No response