Hi all. I've been pulling my hair trying to get rid of these lines that only show up in iPhones/Androids. Any one have any suggestions?

rendered attached on iphone 11 IOS 13: https://www.dropbox.com/s/5vh0tpt2i8k05wb/purple-line.PNG?dl=0

snippet of code:
<table width="700" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td bgcolor="#5245B0"><p style="font-family: Helvetica, Arial, sans serif; font-size: 42px; line-height: 54px; text-align: center; color: #FFFFFF; margin: 30px 24px 20px;"><strong>Text Text text</strong></p>
<table border="0" cellspacing="0" cellpadding="0" class="responsive-table" align="center">
<tr>
<td bgcolor="#7859FF" height="58" width="210" style="-webkit-border-radius:81px; border-radius:81px;" align="center"><a href="#" target="_blank" style="font-size: 17px;font-family: Helvetica, Arial, sans-serif; font-weight: normal; color: #ffffff; text-decoration: none;"><strong>Shop Now</strong></a></td>
</tr>
</table></td>
</tr>
<tr bgcolor="#5245B0">
<td height="45" align="center" bgcolor="#5245B0"> </td>
</tr>
</tbody>
</table>