Table Header Row height – Responsive flip

Hi

I have a table that uses the responsive ‘flip’ for phones and tablets devices, and although that seems to work fine except that the Table Header row height is greater than the corresponding rows, so that when the table ‘flips’, the table header does not line up with its corresponding row. As you scroll down it gets worse.

How can I either make the header row narrower in height, or the individual rows taller so that they will line up correctly when the table header flips to become the very first column and is viewed on a phone or tablet.

thank you