## Summary
- Fixed UI element occlusion bug where the "Copy" utility button was
unusable due to layout overlap with the language identifier label in
code blocks
- Added flexbox properties (gap, items-center, truncate, min-w-0,
flex-shrink-0) to ensure proper spacing and prevent overflow

## Test plan
- Open a chat with code blocks containing language labels (e.g.,
typescript, javascript)
- Verify the language label and copy button no longer overlap
- Test with narrow window widths to ensure the layout remains correct
- Click the copy button to confirm it's clickable and functional

Fixes #2466

🤖 Generated with [Claude Code](https://claude.com/claude-code)
<!-- devin-review-badge-begin -->

---

<a href="https://app.devin.ai/review/dyad-sh/dyad/pull/2533"
target="_blank">
  <picture>
<source media="(prefers-color-scheme: dark)"
srcset="https://static.devin.ai/assets/gh-open-in-devin-review-dark.svg?v=1">
<img
src="https://static.devin.ai/assets/gh-open-in-devin-review-light.svg?v=1"
alt="Open with Devin">
  </picture>
</a>
<!-- devin-review-badge-end -->

<!-- This is an auto-generated description by cubic. -->
---
## Summary by cubic
Fixes an overlap in code blocks where the Copy button covered the
language label, so the button stays visible and clickable at all widths.
Fixes #2466.

- **Bug Fixes**
- Aligned header padding with pre (left/right 0, px-6) and added
gap-2/items-center for spacing.
- Applied truncate and min-w-0 to the language label to prevent
overflow.
  - Set the Copy button to flex-shrink-0 to avoid shrinking.

<sup>Written for commit 246b0df6569b41f813f0843b048125da8efe9830.
Summary will update on new commits.</sup>

<!-- End of auto-generated description by cubic. -->

---------
Co-authored-by: Will Chen <willchen90@gmail.com>
Co-authored-by: Claude Opus 4.5 <noreply@anthropic.com>
Co-authored-by: claude[bot] <41898282+claude[bot]@users.noreply.github.com>