Text is overlapping in Table

Question

I can see question asked regarding text overlapping for tables (Not header), but none of the result is helping me. please advice.

I have a table with n number of rows (it is a looping with pebble). some time not every, normal text in the table is overlapping to the 1st and 2nd line in the next page, if the table continues to the next page

{% for Item in toArray(x.xx.xxx).yy %}
                                
                                <tr>
                                    <td valign="top" align="left" style="font-size: 8px;">
                                        {{ Item.ItemQuantity }}
                                    </td>
                                    <td valign="top" align="left" style="font-size: 8px;">
                                        {{ Item.ItemDescription }}
                                    </td> 
                                    
                                    <td valign="top" align="right" style="font-size: 8px;">
                                        {{ Item.ListItemPrice }} 
                                    </td>
                                    <td valign="top" align="right" style="font-size: 8px;">
                                        {{ Item.LineNet }} 
                                    </td>
                                 </tr>
                {% endfor %}

Any solution?