RadzenMediaQuery does not work on iPhone

I have the following in my MainLayout.razor

<RadzenMediaQuery Query="(max-width: 800px)" Change="@(value => IsMobile = value)" />

It works fine in Edge on my Windows PC but it does not do anything on iPhone in Chrome or Safari.

I am not sure this media query matches the iphone display. Here is how we use it for mobile devices which works 100%: radzen-blazor/Radzen.Blazor/RadzenSidebar.razor at master · radzenhq/radzen-blazor · GitHub