From d8ce686f4eae4f7c5be89a9d78c72577e64ddabd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Carlos=20Flor=C3=AAncio?= <carlosmflorencio@gmail.com>
Date: Thu, 9 Apr 2026 16:16:13 +0100
Subject: [PATCH] fix(web): make PR Approve button look clickable (#567)

---
 apps/web/components/github/pr-detail-panel.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/apps/web/components/github/pr-detail-panel.tsx b/apps/web/components/github/pr-detail-panel.tsx
index 05a1945f08..3a35e31341 100644
--- a/apps/web/components/github/pr-detail-panel.tsx
+++ b/apps/web/components/github/pr-detail-panel.tsx
@@ -198,13 +198,12 @@ function ApproveButton({
   return (
     <Button
       size="sm"
-      variant="outline"
-      className="cursor-pointer gap-1.5 text-green-600 border-green-300 hover:bg-green-50 dark:text-green-400 dark:border-green-700 dark:hover:bg-green-900/20"
+      className="cursor-pointer gap-1.5 border-0 bg-green-600 text-white hover:bg-green-700 dark:bg-green-600 dark:hover:bg-green-500"
       onClick={handleApprove}
       disabled={submitting}
     >
       <IconCheck className="h-3.5 w-3.5" />
-      {submitting ? "Approving..." : "Approve"}
+      {submitting ? "Approving..." : "Approve PR"}
     </Button>
   );
 }