From 0540d856ffa472dd142a2ed4f5e30986b6b2d80a Mon Sep 17 00:00:00 2001
From: Nicolas Meienberger <github@thisprops.com>
Date: Fri, 10 Apr 2026 22:52:01 +0200
Subject: [PATCH] style: fix misalignment in mirrors ui

---
 .../backups/components/schedule-mirrors-config.tsx   | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/app/client/modules/backups/components/schedule-mirrors-config.tsx b/app/client/modules/backups/components/schedule-mirrors-config.tsx
index e1478722..5800ae78 100644
--- a/app/client/modules/backups/components/schedule-mirrors-config.tsx
+++ b/app/client/modules/backups/components/schedule-mirrors-config.tsx
@@ -358,11 +358,13 @@ export const ScheduleMirrorsConfig = ({ scheduleShortId, primaryRepositoryId, re
 											</TableCell>
 											<TableCell>
 												<div className="flex items-center gap-2">
-													<StatusDot
-														variant={getStatusVariant(assignment.lastCopyStatus)}
-														label={getStatusLabel(assignment)}
-														animated={isSyncing(assignment)}
-													/>
+													<div className="w-3 shrink-0 mr-1">
+														<StatusDot
+															variant={getStatusVariant(assignment.lastCopyStatus)}
+															label={getStatusLabel(assignment)}
+															animated={isSyncing(assignment)}
+														/>
+													</div>
 													<span className="text-sm text-muted-foreground">{getLabel(assignment)}</span>
 												</div>
 											</TableCell>