Adding copy button to code blocks with Docusaurus

[AntoineGautier]

I'm unable to include a copy button within the code block when using code-hike in a docusaurus document.

export function MyCode({ codeblock }: { codeblock: HighlightedCode }) {
  return (
    <div className="relative">
      <CopyButton text={codeblock.code} />
      <Pre className="m-0 px-4 bg-zinc-950"
        code={codeblock}
        handlers={[callout]}
        style={codeblock.style}
      />
    </div>
  )
}

yields

The button is fully functional, but it's placed outside the code block. Is this a limitation due to the docusaurus framework, or is there a workaround?