From 31734120e768b14e194d1fe574939d4a7927e68e Mon Sep 17 00:00:00 2001
From: CycroftX <admin@cycroftx.com>
Date: Tue, 3 Feb 2026 22:50:39 +0530
Subject: [PATCH] Stack KYC action buttons vertically on mobile to prevent
 cutoff

---
 src/features/partners/components/KYCReviewSheet.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/features/partners/components/KYCReviewSheet.tsx b/src/features/partners/components/KYCReviewSheet.tsx
index c3c979d..e6a6012 100644
--- a/src/features/partners/components/KYCReviewSheet.tsx
+++ b/src/features/partners/components/KYCReviewSheet.tsx
@@ -100,9 +100,9 @@ export function KYCReviewSheet({ partner, open, onOpenChange }: KYCReviewSheetPr
 
                     <div className="space-y-3">
                         <h4 className="text-sm font-semibold">Verification Decision</h4>
-                        <div className="flex gap-3">
+                        <div className="flex flex-col sm:flex-row gap-3">
                             <Button
-                                className="flex-1 bg-success hover:bg-success/90 text-white gap-2"
+                                className="w-full sm:flex-1 bg-success hover:bg-success/90 text-white gap-2"
                                 onClick={handleApprove}
                                 disabled={status !== 'pending'}
                             >
@@ -111,7 +111,7 @@ export function KYCReviewSheet({ partner, open, onOpenChange }: KYCReviewSheetPr
                             </Button>
                             <Button
                                 variant="destructive"
-                                className="flex-1 gap-2"
+                                className="w-full sm:flex-1 gap-2"
                                 onClick={handleReject}
                                 disabled={status !== 'pending'}
                             >