Control Dialog width on mobile

I'm using the Radzen Dialog to display messages and on the web it's great but on mobile it's spanning the whole width I don't appear to be able to control the width. I have grids that are not responsive but I switched to using the dialog as the notifications were off the screen. It doesn't appear to use the Width I set on mobile but it does on desktop, any ideas what I'm doing wrong?

I open it from a common method
_ = await DialogService.OpenAsync("My App",
new Dictionary<string, object>
{ "Contentparam", description},
{"Severity",severity.ToString() }
new DialogOptions() { ShowTitle = true, Top = "20px",Left= "50px",Width="300px" });

<RadzenCard Style="padding:20px">
<p style="margin-bottom: 10px">@Contentparam</p>
<div class="row">
    <div class="col-xs-4 col-md-6 col-sm-4 col-lg-6" style="text-align:center">
        <RadzenButton Click="@((args) => dialogService.Close(true))" Text="OK" Style="width:50px; padding-left:unset; padding-right:unset" />

@code {
[Parameter] public string Severity { get; set; }
[Parameter] public string Contentparam { get; set; }


There is a CSS rule which makes dialogs take the full width of a mobile device. It overrides the dialog size as it may be out of the device width range.

OK thanks that explains it I need to work on getting my viewport size down then .