First <li> inside of an <ul> isn't rendered correctly

When using an <ul>, the bullet of the first <li> isn't positioned corectly. It doesn't matter where it's used, I saw this effect inside a QLabel as well as inside a QMessageBox.

I'll attach a screenshot of a QMessageBox with a real-life example. The code is:

    QMessageBox::information(this,
        tr("Vorlage für Datenbankdateinamen"),
        tr("<p>Zum Parsen (Übersetzen/Umsetzen) der Vorlage wird die Funktion "
        "<kbd>QDateTime::toString()</kbd> benutzt. Die genaue Syntax ist in der "
        "<a href=\"https://doc.qt.io/qt-5/qdatetime.html#toString\">Dokumentation zu "
        "<kbd>QDateTime</kbd></a> beschrieben.</p>"
        "<p>Für diesen Einsatzzweck am relevantesten:</p>"
        "<ul>"
        "<li>Alles in einfachen Anführungszeichen <kbd>'</kbd> wird genau so angezeigt</li>"
        "<li><kbd>yy</kbd> bzw. <kbd>yyyy</kbd> wird mit der aktuellen Jahreszahl ersetzt</li>"
        "<li><kbd>M</kbd> bis <kbd>MMMM</kbd> wird mit dem aktuellen Monat ersetzt</li>"
        "</ul>"));