From 20647317a0181e4202c4e5e858d83dd9f0e10378 Mon Sep 17 00:00:00 2001
From: Ryan Freeman <hello@ryanfreeman.dev>
Date: Tue, 6 May 2025 20:41:02 +0100
Subject: [PATCH] Update code component

---
 components/ui/Code.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/ui/Code.tsx b/components/ui/Code.tsx
index 43aeebc..8ca02b8 100644
--- a/components/ui/Code.tsx
+++ b/components/ui/Code.tsx
@@ -19,13 +19,13 @@ export function Code({children}: { children: ReactNode }) {
     return (
         <pre className="relative group" ref={preRef}>
                 <button
-                    className="absolute top-0 right-0 m-5"
+                    className="absolute top-0 right-0 m-5 text-zinc-400 hover:text-zinc-50 focus:text-zinc-50 active:text-zinc-50"
                     onClick={handleCopy} aria-label="Copy code">
                     <div className="relative size-6">
                         <CheckIcon
                             className={clsx('absolute text-green-500 ease-in transform transition', !copied ? 'scale-0' : 'scale-100')}/>
                         <CopyIcon
-                            className={clsx('absolute text-zinc-400 hover:text-zinc-50 ease-in transform transition', !copied ? 'scale-100' : 'scale-0')}/>
+                            className={clsx('absolute ease-in transform transition', !copied ? 'scale-100' : 'scale-0')}/>
                     </div>
                 </button>
             <div className="sm:mt-0 overflow-auto">