From 73ae5c41b5eaa4e94e97470faa8cce593fa8545b Mon Sep 17 00:00:00 2001
From: Nico <47644445+nicotsx@users.noreply.github.com>
Date: Sat, 11 Apr 2026 08:57:46 +0200
Subject: [PATCH] style: fix misalignment in mirrors ui (#778)

---
 .../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>