[Bug] ## Copy button overlaps paragraph text on model card pages ### Issue On `https:...

[padolsey]

Description

Copy button overlaps paragraph text on model card pages

Issue

On https://weval.org/cards/{some_model}, the copy button inside prose content blocks overlaps text in the nested <p> element.

Affected area

Any card page where a copy button is rendered inside a component with the prose class.

Example structure:

<div class="prose prose-sm prose-inherit max-w-none prose-h1:text-lg prose-h2:text-base prose-h3:text-sm prose-h4:text-xs">
  <p>...</p>
</div>



### Example copy button HTML

```html
<button
  class="inline-flex items-center justify-center whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:text-accent-foreground rounded-md h-6 w-6 p-0 bg-background/80 backdrop-blur-sm hover:bg-background/95 shadow-sm absolute top-1 right-1 z-10"
  title="Copy to clipboard"
  data-sentry-element="Button"
  data-sentry-component="CopyButton"
  data-sentry-source-file="ResponseRenderer.tsx"
>
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    stroke="currentColor"
    stroke-width="2"
    stroke-linecap="round"
    stroke-linejoin="round"
    class="lucide lucide-copy w-3 h-3 text-muted-foreground"
  >
    <rect width="14" height="14" x="8" y="8" rx="2" ry="2"></rect>
    <path d="M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2"></path>
  </svg>
</button>

Steps to Reproduce

1. Navigate to a https://weval.org/cards/{model} page
2. Scroll to copy button to see it covering text

Details

• Page URL: https://weval.org/cards/claude-sonnet-4
• Browser: Chrome
• OS: macOS
• Reporter email: nnojibe@gmail.com

---

Submitted via in-app bug report