JSFiddle - React, Tailwind, and code Playground

HTML

<table id="subscriptions-table">
	<thead>
		<tr>
			<th>Subscription</th>
			<th>Download</th>
		</tr>
	</thead>
	<tbody>
		<tr class="even subscription-row header">
        		<td class="ig-header-title ellipsis">
				<img src="/assets/s-icon-0d60471f901d65172728d3df0e793b2ee4493a529c1a1dca73409fdae56ad362.png" alt="S icon">
				<a class="name ellipsis" target="_blank" href="/scenarios/18">My Scenario</a>
			</td>  
			<td align="center"><a href="/scenarios/18/download"><img src="/assets/zip_icon-c2a0694959db12a0939d264d4283478c1f59a4b118df839d7020aca929a1df61.png" alt="Zip icon"></a></td>
		</tr> 
	</tbody>
</table>

CSS

table {
    border-collapse: collapse;
}

table tbody tr:hover {  
    background-color:   cyan
}

#container-content {
    text-align: center;
}

#subscriptions-table {
  margin: 0 auto;
}

.subscription-row {
    min-height: 30px;
    border-color: transparent;
    border-style: solid;
    border-width: 12px 6px 12px 10px; 
border-bottom: 1px solid #C7CDD1;
}