PDF Creator issues with rendered paragraph spacing

I am using the pdf creator and it works quite well within limitations already discussed.
I use summernote to input the text in a form and use clean html to style the content. It is just paragraphs, unordered lists and not much else.
When I use the text by displaying it through inner HTML it displays fine on a page. When I then generate a pdf from the content the paragraphs have a double sized gap between them. The pdf style element allows me to set a style on the div that includes the inner HTML but it is limited to line height, font size etc. I can't set a bottom margin on the paragraphs for the pdf which is what I need to do. This is the html in the summernote textarea field:


This is the bootstrap 5 display of the same content after being injected on to the page through inner HTML:

This is the rendered pdf:

Any ideas on how to make the paragraphs generate without extra spacing? This has to be easy for the client as they are just using html cleaned through an online tool and can't add styles to each paragraph i.e. it has to be automatic through css or pdf style of the pdf creator

Have you tried ticking the 'remove extra blanks' box?

That image is from the help doc here:

I have tried ticking the boxes and creating styles. Styles would work i think if i could create a pdf style for p tags inside a class eg. .render p {margin-bottom: 10px}
I csnt work out how to do that with pdf style

Not ideal but have you tried inlining the <p> ..?

like:
<p style="margin-bottom: 10px;">

Because it is content managed by the client they can't add the styling. I get them to run the content through a html cleaner to remove all the styles otherwise the pdf creator won't run. I am stuck with trying to do this through pdf-styles I think. I just can't work out how to create a pdf style which is .render p {}