primeng - Prime-ng p-dialog is not aligning to center with dynamic data

Question

I have a Prime-ng p-dialog which loads dynamic data into it. I want to center the dialog in the screen, though the position="top" is set, it looks like it is not aligned at the center. Is there a way that I add a property or modifiy the property to top align the p-dialog.

    <div *ngIf="viewdialog" >
        <p-dialog [(visible)]="viewdialog" [modal]="true" [responsive]="true"
        [style]="{width: '450px', minWidth: '200px', height:'350px', 'text-align': 'center'}" [minY]="90"
        [maximizable]="false" [baseZIndex]="10000" [closeOnEscape]="true" [closable]="false" position="top">
    </p-dialog>
</div>

Answer 1

等待大神答复