Outlook rendering broken despite "Great compatibility"

[puerschel93]

We all know email templating is absolutely frustrating, but I thought now with react-email especially with react-email@4.0.3 the struggle is finally over as long as I stick to some basic rules. I designed my sample Email-Template tested it on different clients and it works great except for outlook.

So is it just the way now to accept that it wont work as expected on Outlook for Desktop devices or is there something I can do to have reliable working emails across all clients ?

Note:
Since I assumed I messed something up with my tailwind styling (or with my custom text splitting to have line-breaks or my own components that are mainly based on @react-email/components), I tried to send one of the unmodified examples from the documentation page and opened it with my outlook client and this layout was also totally ruined by outlook (see below).

Expected (own template):

Outlook (own template):

My compatibility seems to be "great":

And the linter also has no issues:

Files used:
CodeSandbox

Rendered Papermark (example from the docs):

I’d really appreciate any kind of help—or even a 'just deal with it'—because I’m feeling pretty desperate right now.