From 1568b38eaced1c5177f593c8933328787bf518fb Mon Sep 17 00:00:00 2001
From: grokdesigns <chris@grokdesigns.com>
Date: Tue, 8 Apr 2025 12:53:12 -0700
Subject: [PATCH] Fix black box issue on popover

---
 src/app/components/SupporterMessage.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/components/SupporterMessage.tsx b/src/app/components/SupporterMessage.tsx
index 7706e190..780165fb 100644
--- a/src/app/components/SupporterMessage.tsx
+++ b/src/app/components/SupporterMessage.tsx
@@ -38,7 +38,7 @@ export default function SupporterMessage({ tier }: { tier: string }) {
                 <path d="M12 .587l3.668 7.431 8.2 1.192-5.934 5.782 1.4 8.168L12 18.896l-7.334 3.864 1.4-8.168L.132 9.21l8.2-1.192z" />
             </svg>
             {/* Popover */}
-            <div className="absolute left-1/2 transform -translate-x-1/2 -top-10 hidden group-hover:block bg-white/10 backdrop-blur-md text-primary text-sm rounded-md shadow-lg px-4 py-2">
+            <div className="absolute left-1/2 transform -translate-x-1/2 -top-10 hidden group-hover:block bg-white/10 text-primary text-sm rounded-md shadow-lg px-4 py-2 pointer-events-none opacity-0 group-hover:opacity-100 transition-opacity">
                 Thank you for supporting Pangolin as a {tier}!
             </div>
         </div>