diff --git a/src/lib/holocene/code-block.svelte b/src/lib/holocene/code-block.svelte
index 06f2c3411..e9f39a917 100644
--- a/src/lib/holocene/code-block.svelte
+++ b/src/lib/holocene/code-block.svelte
@@ -191,7 +191,8 @@
     <CopyButton
       {copyIconTitle}
       {copySuccessIconTitle}
-      class="absolute right-1 top-1 text-slate-300 hover:bg-slate-900 focus-visible:bg-slate-900 active:bg-slate-800"
+      class="absolute right-1 top-1 text-secondary"
+      data-theme="dark"
       on:click={handleCopy}
       copied={$copied}
     />
diff --git a/src/lib/holocene/copyable/button.svelte b/src/lib/holocene/copyable/button.svelte
index 904aa8d5b..a430ba3ac 100644
--- a/src/lib/holocene/copyable/button.svelte
+++ b/src/lib/holocene/copyable/button.svelte
@@ -10,6 +10,7 @@
     copySuccessIconTitle: string;
     copied: boolean;
     'data-testid'?: string;
+    'data-theme'?: string;
   }
 
   export let copyIconTitle: string;