Misplaced align when using d-xx-block on tables

[dotdeas]

When I use class "d-none d-md-block" in a table the lines the misplaced align. See screenshot below. Tried Safari, Chrome and Edge browsers on desktop and Safari on iOS, all with the same issue.

<table class="table table-striped">
	<thead>
		<tr>
			<th>Namn</th>
			<th>Kontotyp</th>
			<th>Status</th>
			<th class="d-none d-md-block text-end">Senaste inloggning</th>
			<th class="text-end">&nbsp;</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>Andreas Persson</td>
			<td><span class="badge badge-secondary-light">Administratör</span></td>
			<td><span class="badge badge-success-light">Aktiv</span></td>
			<td class="d-none d-md-block text-end">2021-03-19 13:37</td>
			<td class="table-action text-end">
				<a data-bs-toggle="offcanvas" href="#edituser" role="button" aria-controls="edituser" onclick="document.getElementById('eu-name').focus();"><i class="align-middle" data-feather="edit-2"></i></a>
				<a href="#"><i class="align-middle" data-feather="lock"></i></a>
				<a href="#"><i class="align-middle" data-feather="trash"></i></a>
			</td>
		</tr>
	</tbody>
</table>

Running AdminKit 3.0.2

[paullaros]

Hello Andreas, try using d-md-table-cell instead of d-md-block on your table cell. Closing this issue for now, if you have any questions, please shoot us an email at support@adminkit.io.