diff --git a/src/components/navbar.tsx b/src/components/navbar.tsx
index 8bb029a..338aa02 100644
--- a/src/components/navbar.tsx
+++ b/src/components/navbar.tsx
@@ -20,7 +20,7 @@ const CopyButton = (props: { content: string; label: string }) => {
             e.stopPropagation();
             addToClipboard(props.content);
           }}
-          class={`-mr-2 hidden items-center rounded px-2 py-1 text-neutral-500 transition-all duration-200 group-hover:flex hover:bg-neutral-200/70 hover:text-neutral-600 active:bg-neutral-300/70 sm:py-1.5 dark:text-neutral-400 dark:hover:bg-neutral-700/70 dark:hover:text-neutral-300 dark:active:bg-neutral-600/70`}
+          class={`pointer-events-none -mr-2 flex items-center rounded px-2 py-1 text-neutral-500 opacity-0 transition-all duration-200 group-hover:pointer-events-auto group-hover:opacity-100 hover:bg-neutral-200/70 hover:text-neutral-600 active:bg-neutral-300/70 sm:py-1.5 dark:text-neutral-400 dark:hover:bg-neutral-700/70 dark:hover:text-neutral-300 dark:active:bg-neutral-600/70`}
           aria-label="Copy to clipboard"
         >
           <span class="iconify lucide--copy"></span>