From a1310a774a266eebabf3c2c82acd4f0b82e612bb Mon Sep 17 00:00:00 2001
From: angelmankel <angelmankel@gmail.com>
Date: Fri, 29 May 2026 19:00:42 -0700
Subject: [PATCH] fix: update copy button to use the proper cursor style when
 hovering

---
 app/about/page.tsx           | 4 ++--
 components/ui/CopyButton.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/about/page.tsx b/app/about/page.tsx
index fe88166..0849420 100644
--- a/app/about/page.tsx
+++ b/app/about/page.tsx
@@ -85,14 +85,14 @@ export default function AboutPage() {
           <CopyButton
             value={email}
             label="Copy email"
-            className={`hover:text-neutral-200 rounded-md hover:bg-[${colors.accent}] p-1 transition-colors duration-200`}
+            className={`hover:text-neutral-200 rounded-md hover:bg-[${colors.accent}] p-1 transition-colors duration-200 cursor-pointer`}
           >
             <IconMailFilled size={32} />
           </CopyButton>
           <CopyButton
             value={phone}
             label="Copy phone"
-            className={`hover:text-neutral-200 rounded-md hover:bg-[${colors.accent}] p-1 transition-colors duration-200`}
+            className={`hover:text-neutral-200 rounded-md hover:bg-[${colors.accent}] p-1 transition-colors duration-200 cursor-pointer`}
           >
             <IconPhoneFilled size={32} />
           </CopyButton>
diff --git a/components/ui/CopyButton.tsx b/components/ui/CopyButton.tsx
index 79b3eec..7b41b17 100644
--- a/components/ui/CopyButton.tsx
+++ b/components/ui/CopyButton.tsx
@@ -14,7 +14,7 @@ export default function CopyButton({
   value,
   label,
   copiedLabel = "Copied!",
-  className = "rounded-md p-1 text-neutral-600 transition-colors duration-200 hover:text-neutral-200",
+  className = "rounded-md p-1 text-neutral-600 transition-colors duration-200 hover:text-neutral-200 cursor-pointer",
   children,
 }: CopyButtonProps) {
   const [copied, setCopied] = useState(false);