From f452d72050f21abc8f0fc6f4533a5cacfcae57c7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jakub=20Tr=C3=A1vn=C3=ADk?= <jakub.travnik@gmail.com>
Date: Mon, 1 Dec 2025 16:11:12 +0100
Subject: [PATCH] Fix keyboard navigation in the export card

Co-authored-by: coderabbitai[bot] <136622811+coderabbitai[bot]@users.noreply.github.com>
---
 app/client/components/export-dialog.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/app/client/components/export-dialog.tsx b/app/client/components/export-dialog.tsx
index ae8cfa23..e732dd0e 100644
--- a/app/client/components/export-dialog.tsx
+++ b/app/client/components/export-dialog.tsx
@@ -247,12 +247,15 @@ export function ExportDialog({
 
 	const defaultTrigger =
 		variant === "card" ? (
-			<div className="flex flex-col items-center justify-center gap-2 cursor-pointer h-full w-full">
+			<button 
+				type="button"
+				className="flex flex-col items-center justify-center gap-2 cursor-pointer h-full w-full border-0 bg-transparent p-0 hover:opacity-80 transition-opacity"
+			>
 				<Download className="h-8 w-8 text-muted-foreground" />
 				<span className="text-sm font-medium text-muted-foreground">
 					{triggerLabel ?? `Export ${isSingleItem ? "config" : "configs"}`}
 				</span>
-			</div>
+			</button>
 		) : (
 			<Button variant={variant} size={size}>
 				{showIcon && <Download className="h-4 w-4 mr-2" />}