From 2bb11b0d33df5a801e7598868f37b5c9d818cf80 Mon Sep 17 00:00:00 2001
From: Nicolas Meienberger <github@thisprops.com>
Date: Sat, 10 Jan 2026 13:10:26 +0100
Subject: [PATCH] style(snapshots-timeline): ensure same width for all cards

---
 .../modules/backups/components/snapshot-timeline.tsx  | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/app/client/modules/backups/components/snapshot-timeline.tsx b/app/client/modules/backups/components/snapshot-timeline.tsx
index 0dbc801a..c8200643 100644
--- a/app/client/modules/backups/components/snapshot-timeline.tsx
+++ b/app/client/modules/backups/components/snapshot-timeline.tsx
@@ -82,9 +82,14 @@ export const SnapshotTimeline = (props: Props) => {
 										<div className="text-xs text-muted-foreground opacity-75">
 											<ByteSize bytes={snapshot.size} />
 										</div>
-										{isLatest && (
-											<div className="text-xs font-semibold text-primary px-2 py-0.5 bg-primary/20 rounded">Latest</div>
-										)}
+										<div
+											aria-hidden={!isLatest}
+											className={cn("text-xs font-semibold text-primary px-2 py-0.5 bg-primary/20 rounded", {
+												invisible: !isLatest,
+											})}
+										>
+											Latest
+										</div>
 									</button>
 								);
 							})}