From 6f3c1abdca345092c01a3b84212ba9d8ad715c7d Mon Sep 17 00:00:00 2001
From: Kurdistan Tech Ministry <info@pezkuwichain.io>
Date: Fri, 6 Feb 2026 16:06:51 +0300
Subject: [PATCH] fix: make LP stake button always visible with contrasting
 colors

---
 web/src/components/AccountBalance.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/web/src/components/AccountBalance.tsx b/web/src/components/AccountBalance.tsx
index d574631b..21f404c7 100644
--- a/web/src/components/AccountBalance.tsx
+++ b/web/src/components/AccountBalance.tsx
@@ -921,12 +921,11 @@ export const AccountBalance: React.FC = () => {
                     </div>
                     <Button
                       size="sm"
-                      variant="outline"
                       onClick={() => {
                         setSelectedLPForStake(lp);
                         setIsLPStakeModalOpen(true);
                       }}
-                      className="border-purple-500/50 text-purple-400 hover:bg-purple-500/10 opacity-0 group-hover:opacity-100 transition-opacity"
+                      className="bg-gradient-to-r from-purple-600 to-pink-600 text-white font-medium hover:from-purple-500 hover:to-pink-500 border-0"
                     >
                       <Lock className="w-3 h-3 mr-1" />
                       Stake