diff --git a/app/client/components/export-dialog.tsx b/app/client/components/export-dialog.tsx
index 13de35a4..937eab9b 100644
--- a/app/client/components/export-dialog.tsx
+++ b/app/client/components/export-dialog.tsx
@@ -191,7 +191,7 @@ export function ExportDialog({
 
 	const defaultTrigger =
 		variant === "card" ? (
-			<div className="flex flex-col items-center justify-center gap-2 cursor-pointer">
+			<div className="flex flex-col items-center justify-center gap-2 cursor-pointer h-full w-full">
 				<Download className="h-8 w-8 text-muted-foreground" />
 				<span className="text-sm font-medium text-muted-foreground">
 					{triggerLabel ?? `Export ${isSingleItem ? "config" : "configs"}`}
diff --git a/app/client/modules/backups/routes/backups.tsx b/app/client/modules/backups/routes/backups.tsx
index 01d28852..7f131f04 100644
--- a/app/client/modules/backups/routes/backups.tsx
+++ b/app/client/modules/backups/routes/backups.tsx
@@ -121,7 +121,7 @@ export default function Backups({ loaderData }: Route.ComponentProps) {
 					</Card>
 				</Link>
 				<Card className="flex flex-col items-center justify-center h-full hover:bg-muted/50 transition-colors cursor-pointer">
-					<CardContent className="flex flex-col items-center justify-center gap-2">
+					<CardContent className="flex flex-col items-center justify-center gap-2 h-full w-full">
 						<ExportDialog entityType="backups" variant="card" />
 					</CardContent>
 				</Card>