diff --git a/apps/client/app/modules/backups/components/schedule-summary.tsx b/apps/client/app/modules/backups/components/schedule-summary.tsx
index 4a0731a..8b28d32 100644
--- a/apps/client/app/modules/backups/components/schedule-summary.tsx
+++ b/apps/client/app/modules/backups/components/schedule-summary.tsx
@@ -124,6 +124,13 @@ export const ScheduleSummary = (props: Props) => {
 							{!schedule.lastBackupStatus && "—"}
 						</p>
 					</div>
+
+					{schedule.lastBackupError && (
+						<div className="md:col-span-2 lg:col-span-4">
+							<p className="text-xs uppercase text-muted-foreground">Error Details</p>
+							<p className="font-mono text-sm text-red-600 whitespace-pre-wrap break-all">{schedule.lastBackupError}</p>
+						</div>
+					)}
 				</CardContent>
 			</Card>
 
diff --git a/apps/client/app/modules/backups/routes/backups.tsx b/apps/client/app/modules/backups/routes/backups.tsx
index 354048b..748de02 100644
--- a/apps/client/app/modules/backups/routes/backups.tsx
+++ b/apps/client/app/modules/backups/routes/backups.tsx
@@ -98,12 +98,6 @@ export default function Backups({ loaderData }: Route.ComponentProps) {
 											{schedule.nextBackupAt ? new Date(schedule.nextBackupAt).toLocaleDateString() : "N/A"}
 										</span>
 									</div>
-									{schedule.lastBackupError && (
-										<div className="flex items-start justify-between text-sm gap-2">
-											<span className="text-muted-foreground">Error</span>
-											<span className="text-xs text-red-600 text-right line-clamp-2">{schedule.lastBackupError}</span>
-										</div>
-									)}
 								</div>
 							</CardContent>
 						</Card>