I am creating an email signature for my company using tables. The signature displays perfectly in everything except outlook.

I cannot get the second row of my table height to 2px. I have tried everything.

This is what I want the signature to look like.
https://i.ibb.co/V2n2gpC/gmail.png

This is how it is being displayed on Outlook.
https://i.ibb.co/2gtMMM0/outlook.png

Here is my code for the row which is still not working.

<tr>
<td height="2" style="mso-padding-alt:0px; mso-line-height-rule: exactly; line-height:0px; font-size:0px; background-color: #ff511c;"><img src="https://i.ibb.co/qsSBCZ8/transparent.png" border="0" height="1" width="1" style="display:block; padding:0px; margin:0px; border:0px;"></td>
<td height="2" style="mso-padding-alt:0px; mso-line-height-rule: exactly;line-height:0px; font-size:0px; background-color: #ffffff;"><img src="https://i.ibb.co/qsSBCZ8/transparent.png" border="0" height="1" width="1" style="display:block; padding:0px; margin:0px; border:0px;"></td>
<td height="2" style="mso-padding-alt:0px;mso-line-height-rule: exactly;line-height:0px; font-size:0px; background-color: #ff511c;"><img src="https://i.ibb.co/qsSBCZ8/transparent.png" border="0" height="1" width="1" style="display:block; padding:0px; margin:0px; border:0px;"></td>
<td height="2" style="mso-padding-alt:0px;mso-line-height-rule: exactly;line-height:0px; font-size:0px; background-color: #ff511c;"><img src="https://i.ibb.co/qsSBCZ8/transparent.png" border="0" height="1" width="1" style="display:block; padding:0px; margin:0px; border:0px;"></td>
</tr>

]

Are there any CSS/HTML email geniuses out there with a suggestion please?