Incorrect alignment in html list bullets

Before you start - checklist

[X] I followed instructions in documentation written for my React-PDF version
[X] I have checked if this bug is not already reported
[X] I have checked if an issue is not listed in Known issues
[X] If I have a problem with PDF rendering, I checked if my PDF renders properly in PDF.js demo

Description

Hi, I am using react-pdf and react-pdf-html to create a pdf. My pdf contains html text with list, wrapped in tag <Html>

import { Document } from '@react-pdf/renderer' import Html from 'react-pdf-html'

const htmlTextWithList = <div>Datenimport gemäss vorheriger Definition</div><ul><li>Definition Importformat</li><li>Import der angelieferten Kontaktdaten für weiteren Einsatz in colada</li><li>Anlieferung der Daten in Excel oder CSV</li><li>Qualität der Daten muss durch Auftraggeber sichergestellt werden</li></ul>

<Document> ... <Html>{htmlTextWithList}</Html> ... </Document>

As as result I have following problem. Bullets have incorrect alignment

Could you please assist with it?

Steps to reproduce

import { Document } from '@react-pdf/renderer' import Html from 'react-pdf-html'

<Document> ... <Html>{htmlTextWithList}</Html> ... </Document>

Expected behavior

Bullets should be aligned correctly

Actual behavior

Bullets are aligned incorrectly

Additional information

No response

Environment

Browser (if applicable): Chrome Version 116.0.5845.187
React-PDF version: 3.1.12
React version: 18.2.0
Webpack version (if applicable):5.75.0
react-pdf-html version:1.1.18

wojtekmaj / react-pdf