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);