FluentGrid Item "Toggle" to Next Row on Resize

[marrale]

Hi, I have a simple FluentGrid that always displays 6 items per row. Starting at around 1650px width, the 6th item jumps to the next row in a kind of toggling behavior:

If I increase the width by just one pixel, it behaves correctly:

And the toggling keeps happening as the width increases.
My razor file:

<FluentGrid Spacing="1">
    <FluentGridItem xs="2">
        Item 1
    </FluentGridItem>
    <FluentGridItem xs="2">
        Item 2
    </FluentGridItem>
    <FluentGridItem xs="2">
        Item 3
    </FluentGridItem>
    <FluentGridItem xs="2">
        Item 4
    </FluentGridItem>
    <FluentGridItem xs="2">
        Item 5
    </FluentGridItem>
    <FluentGridItem xs="2">
        Item 6
    </FluentGridItem>
</FluentGrid>

I tested with xs="1,3,4,6" and it works fine there.
Any suggestions on how to resolve this issue?
Thanks
//ale