diff --git a/src/frontend/dashboard.eta.html b/src/frontend/dashboard.eta.html
index ace5fa2..3387380 100644
--- a/src/frontend/dashboard.eta.html
+++ b/src/frontend/dashboard.eta.html
@@ -30,20 +30,18 @@
 	<table class="table">
 		<thead>
 			<tr>
-				<th scope="col">#</th>
+				<th scope="col">SKU</th>
 				<th scope="col">Name</th>
 				<th scope="col">Status</th>
-				<th scope="col">SKU</th>
 				<th scope="col">Actions</th>
 			</tr>
 		</thead>
 		<tbody>
 			<% it.recents.forEach(function(user){ %>
 			<tr>
-				<th scope="row"><%= user.id %></th>
+				<th scope="row" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="ID: <%= user.id %>"><%= user.SKU %></th>
 				<td><%= user.name %></td>
 				<td><span class="badge text-bg-success"><%= user.status %></span></td>
-				<td><%= user.SKU %></td>
 				<td><a href="#" class="btn btn-primary">Edit</a></td>
 			</tr>
 			<% }) %>
diff --git a/src/frontend/items.eta.html b/src/frontend/items.eta.html
index 0343f4b..d04a08d 100644
--- a/src/frontend/items.eta.html
+++ b/src/frontend/items.eta.html
@@ -14,7 +14,7 @@
 		<tbody>
 			<% it.items.forEach(function(user){ %>
 			<tr>
-				<td><%= user.SKU %></td>
+				<td scope="row" data-bs-toggle="tooltip" data-bs-placement="left" data-bs-title="ID: <%= user.id %>"><%= user.SKU %></td>
 				<td><%= user.name %></td>
 				<td><span class="badge text-bg-success"><%= user.status %></span></td>
 				<td><a href="#" class="btn btn-primary">Edit</a></td>
diff --git a/src/frontend/partials/foot.eta.html b/src/frontend/partials/foot.eta.html
index a6e113a..4e495a4 100644
--- a/src/frontend/partials/foot.eta.html
+++ b/src/frontend/partials/foot.eta.html
@@ -1,3 +1,9 @@
 <script src="https://cdn.jsdelivr.net/npm/feather-icons@4.28.0/dist/feather.min.js" integrity="sha384-uO3SXW5IuS1ZpFPKugNNWqTZRRglnUJK6UAZ/gxOX80nxEkN9NcGZTftn6RzhGWE" crossorigin="anonymous"></script>
+<script>
+	// Enable all bootstrap tooltips.
+	// https://getbootstrap.com/docs/5.3/components/tooltips/#enable-tooltips
+	const tooltipTriggerList = document.querySelectorAll('[data-bs-toggle="tooltip"]')
+	const tooltipList = [...tooltipTriggerList].map(tooltipTriggerEl => new bootstrap.Tooltip(tooltipTriggerEl))
+</script>
 </body>
 </html>