From 3786a9283b3dd922777a3222babeaa2380ee1753 Mon Sep 17 00:00:00 2001
From: Nico <47644445+nicotsx@users.noreply.github.com>
Date: Thu, 29 Jan 2026 21:14:21 +0100
Subject: [PATCH] fix(backup-card): dot invisible if volume name too long
 (#430)

---
 app/client/modules/backups/components/backup-card.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/client/modules/backups/components/backup-card.tsx b/app/client/modules/backups/components/backup-card.tsx
index 074138e0..4de67eb3 100644
--- a/app/client/modules/backups/components/backup-card.tsx
+++ b/app/client/modules/backups/components/backup-card.tsx
@@ -21,11 +21,11 @@ export const BackupCard = ({ schedule }: { schedule: BackupSchedule }) => {
 							isInProgress={schedule.lastBackupStatus === "in_progress"}
 						/>
 					</div>
-					<CardDescription className="ml-0.5 flex items-center gap-2 text-xs">
-						<HardDrive className="h-3.5 w-3.5" />
+					<CardDescription className="ml-0.5 flex items-center gap-2 text-xs min-w-0">
+						<HardDrive className="h-3.5 w-3.5 shrink-0" />
 						<span className="truncate">{schedule.volume.name}</span>
-						<span className="text-muted-foreground">→</span>
-						<Database className="h-3.5 w-3.5 text-strong-accent" />
+						<span className="text-muted-foreground shrink-0">→</span>
+						<Database className="h-3.5 w-3.5 text-strong-accent shrink-0" />
 						<span className="truncate text-strong-accent">{schedule.repository.name}</span>
 					</CardDescription>
 				</CardHeader>