Hello everyone! I'm a junior developer so maybe this is an easy question for you guys, but i'd really appreciate some help!

So i'm coding an email signature and i've testing it and i noticed that in gmail mobile either app or browser there was extra space between my texts.
When i inspected the email in my computer with mobile view, i noticed there were <p> tags and <span> tags wrapping my texts, and it was messing up my design because of the default margin <p> tag has.

i tried wrapping my text on <p> and <div> (later) to style it no margin, tried sending a <style> tag with css that takes out the margin from <p> but it remains the same.

This issue only appears in mobile version, desktop looks perfect.

Any clues? I thought maybe it was a bad practice that i'm doing.

Thanks in advance!!

(here's my code)
<div class="signature">

<style>
a {
color: #000000 !important;
}
p {
margin: 0 !important;
}
</style>

<table style="width: auto; margin: 0; font-family: Tahoma; max-height: 130px; height: 100%;">
<tbody><tr>
<td style="vertical-align: top;">
<table style="vertical-align: top;">
<tbody><tr style="vertical-align: top;">
<td style="max-width: 68px !important; margin: 0;">
<img src="logo" width="68" height="68" alt="site.com">
</td>
</tr>
</tbody></table>
</td>
<td style="line-height: 20px">
<table>
<tbody><tr>
<td style="font-weight: bold;font-size: 14px;color: #691F74; font-family: Tahoma;">
<p style="margin: 0;">
Dude from work
</p>
</td>
</tr>
<tr style="">
<td style="display: flex; font-size: 12px;color: #30183F; line-height: 20px">
<div style="font-family: Tahoma;">Front end developer <span style="color: #30183F;">|</span> site.com</div>
</td>
</tr>
<tr style=" font-size: 12px;color: #691F74;">
<td style="display: inline-block">
<div style="font-family: Tahoma; line-height: 20px">dude@gmail.com <span style="font - size: 12px;vertical - align: bottom;">•</span> 5388840194</div>
</td>
</tr>
<tr style="font-size: 12px; font-family: Tahoma; color: #691F74; line-height: 20px">
<td>1111 Some Street</td>
</tr>
<tr>
</tr></tbody></table><table>
<tbody><tr>
<td style="padding: 8px 4px 0 0">
<a style="text-decoration: underline; color: #691F74 !important; font-size: 12px; font-family: Tahoma;" href="https://www.linkedin.com/in/dude-a5857278/" target="blank">
<img src="linkedin icon" width="24px" height="24px" alt="LinkedIn">
</a>
</td>
</tr>

</tbody></table>
</td></tr>