diff --git a/server/templates/history.html b/server/templates/history.html
index f665dbf..0bd5c10 100644
--- a/server/templates/history.html
+++ b/server/templates/history.html
@@ -29,6 +29,8 @@
                 {{ data_table(
                     "trip-list",
                     [
+                        {"key": "", "label": "", "sortable": false, "class": "text-center"},
+                        {"key": "id", "label": "ID", "sortable": false},
                         {"key": "started", "label": "Started", "sortable": true},
                         {"key": "distance", "label": "km", "sortable": true},
                         {"key": "duration", "label": "Time", "sortable": true},
diff --git a/static/js/history.js b/static/js/history.js
index 20a1bd7..bebdc1e 100644
--- a/static/js/history.js
+++ b/static/js/history.js
@@ -225,9 +225,9 @@
             row.dataset.duration = t.duration_seconds; row.dataset.maxSpeed = t.max_speed_kmh;
             row.dataset.tripId = t.id; row.style.cursor = "pointer";
             var db = del ? '<button class="btn btn-sm btn-outline-danger ms-1" type="button" data-delete-trip-id="' + t.id + '" title="Delete"><i class="fas fa-trash fa-fw"></i></button>' : "";
-            var chk = bUrl ? '<input type="checkbox" class="trip-checkbox form-check-input me-1" value="' + t.id + '" onclick="event.stopPropagation()">' : '';
-            var idPrefix = showId ? '<span class="text-muted small me-1">#' + t.id + '</span>' : '';
-            row.innerHTML = "<td>" + chk + idPrefix + fT(t.start_datetime) + "</td><td>" + fK(t.distance_km) + "</td><td>" + fD(t.duration_seconds) + "</td><td>" + fS(t.max_speed_kmh) + "</td><td class=\"text-muted small\">" + (t.odo_start_km != null ? t.odo_start_km.toFixed(0) + " \u2192 " + t.odo_end_km.toFixed(0) + " km" : "\u2014") + "</td><td class=\"text-end text-nowrap d-none d-sm-table-cell\">" + db + "</td>";
+            var cbCell = bUrl ? '<td class="text-center"><input type="checkbox" class="trip-checkbox form-check-input" value="' + t.id + '" onclick="event.stopPropagation()"></td>' : '';
+            var idCell = showId ? '<td class="text-muted small text-end" style="width:1%">#' + t.id + '</td>' : '';
+            row.innerHTML = (bUrl ? '<td class="text-center"><input type="checkbox" class="trip-checkbox form-check-input" value="' + t.id + '" onclick="event.stopPropagation()"></td>' : '') + idCell + "<td>" + fT(t.start_datetime) + "</td><td>" + fK(t.distance_km) + "</td><td>" + fD(t.duration_seconds) + "</td><td>" + fS(t.max_speed_kmh) + "</td><td class=\"text-muted small\">" + (t.odo_start_km != null ? t.odo_start_km.toFixed(0) + " \u2192 " + t.odo_end_km.toFixed(0) + " km" : "\u2014") + "</td><td class=\"text-end text-nowrap d-none d-sm-table-cell\">" + db + "</td>";
             body.appendChild(row);
         });
         body.querySelectorAll("input.trip-checkbox").forEach(function (c) { c.addEventListener("change", upBt); });