Hi, I'm trying to code an email and I use emailonacid to see how it looks on various email clients. One of my table has 4 rows but on Gmail, they're not equally spaced (25%). The first column is more like 30%, and the other columns are squished. How do I make it all equally spaced on Gmail?

This is my code.

<tr class="financials" style="background-color: #EDEDED; padding-top:20px;width:100%;">

<td class="mobileColumn" width="25%" style="padding-top:20px; padding-left:14px; padding-bottom:20px; font-family:Arial;width:25%;">

<p style="font-size: 14px;color: #5B5E6D;margin-bottom:0px;margin-top:0px"> Rating </p>
<p style="font-weight: 700;font-size: 18px;color: #323648;margin-bottom:0px;margin-top:0px;"> Buy </p>
</td>
<td class="mobileColumn" width="25%" style="font-family:Arial; padding-top:20px; padding-bottom:20px">
<p style="font-size: 14px;color: #5B5E6D;margin-bottom:0px;margin-top:0px"> Price </p>
<p style="font-weight: 700;font-size: 18px;color: #323648;margin-bottom:0px;margin-top:0px"> $175.00 </p>
</td>
<td class="mobileColumn" width="25%" style="font-family:Arial; padding-top: 20px;padding-bottom: 20px; width:25%;">
<p style="font-size: 14px;color: #5B5E6D;margin-bottom:0px;margin-top:0px">Market Cap </p>
<p style="font-weight: 700;font-size: 18px;color: #323648;margin-bottom:0px;margin-top:0px"> $3,912.4(M) </p>
</td>
<td class="mobileColumn" width="25%" style="font-family:Arial;padding-top: 20px;padding-bottom: 20px;">
<p style="font-size: 14px;color: #5B5E6D;margin-bottom:0px;margin-top:0px">Target Price </p>
<p style="font-weight: 700;font-size: 18px;color: #323648;margin-bottom:0px;margin-top:0px"><strong>$100.05</strong></p>
</td>
</tr>