How to horizontally align a Mermaid diagram in a GitHub markdown?

Question

I'm using a simple flowchart Mermaid diagram like:

flowchart LR;
    A[Function App]-->Q[Azure Queue at 'https://sa.queue.core.windows.net/example-q']

Which renders in the Markdown editor a in Visual Studio as:

However, when viewing the same on GitHub, it looks like:

And I want to move the diagrams to the left.

I already tried surrounding the Mermaid with a div like:

<div class"left">
</div>

But this does not work.