diff --git a/app/api/download/backup/[name]/route.ts b/app/api/download/backup/[name]/route.ts
new file mode 100644
index 0000000..98c9ca6
--- /dev/null
+++ b/app/api/download/backup/[name]/route.ts
@@ -0,0 +1,8 @@
+import { fetchBackup } from "@/lib/actions";
+import { NextResponse } from "next/server";
+
+export async function GET(req: Request, { params }: { params: { name: string } }) {
+    const name = decodeURIComponent(params.name);
+    const backup = await fetchBackup(name);
+    return NextResponse.json(backup);
+}
\ No newline at end of file
diff --git a/app/panel/backups/[name]/page.tsx b/app/panel/backups/[name]/page.tsx
deleted file mode 100644
index af1e72d..0000000
--- a/app/panel/backups/[name]/page.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { JsonCard } from "@/components/cards/JsonCard";
-import { Card, CardHeader, CardTitle } from "@/components/ui/card";
-import { fetchBackup } from "@/lib/actions"
-
-export default async function Report({ params }: { params: { name: string } }) {
-  const name = decodeURIComponent(params.name);
-  const backup = await fetchBackup(name);
-
-  return <>
-    <Card>
-      <CardHeader>
-        <CardTitle>{name}</CardTitle>
-      </CardHeader>
-    </Card>
-    <br />
-    <JsonCard obj={backup} />
-  </>
-}
\ No newline at end of file
diff --git a/app/panel/backups/page.tsx b/app/panel/backups/page.tsx
index 556026a..4142c5e 100644
--- a/app/panel/backups/page.tsx
+++ b/app/panel/backups/page.tsx
@@ -22,9 +22,9 @@ export default async function Backups() {
               <TableCell>{backup.name}</TableCell>
               <TableCell>{backup.type}</TableCell>
               <TableCell>
-                <Link href={`/panel/backups/${encodeURIComponent(backup.name)}`}>
+                <Link target="_blank" href={`/api/download/backup/${encodeURIComponent(backup.name)}`}>
                   <Button>
-                    Open
+                    Download
                   </Button>
                 </Link>
               </TableCell>