How to apply custom style to FluentUI Web Components

[da-ms-22]

Hi, I'm using Dialog component in a Blazor wasm project. The default dialog is rendered in an unreadable way, as shown in below screenshot.
I want to adjust the margin top, width and height of the dialog. I've tried various CSS methods. And there is no built in design token for margin, height or width. How to style it?

Code:

In browser:

[da-ms-22]

Fast team answered my question. Link here - microsoft/fluentui-blazor#232 (comment)