[Bug]: "Copy code" button for code blocks on LLM results partially covers code when code lines are long

[barrymichaeldoyle]

Before submitting

• I searched existing issues and did not find a duplicate.
• I included enough detail to reproduce or investigate the problem.

Area

apps/web

Steps to reproduce

1. Ask any model to give you a long bash script sample E.g. "Give me a random long sample CLI command"
2. Scroll horizontally to end of line and witness the copy button covering the last bit of the snippet.

Expected behavior

Add some horizontal padding at the end of the code block to give space for the "Copy code" button so that it doesn't cover the end of the code snippet.

Actual behavior

The "Copy code" button covers the last part of long lines in a code block.

This can be quite irritating when you want to try copy a line yourself, especially when the LLM results in two lines that you need to run separately in a terminal.

Impact

Cosmetic issue

Version or commit

Release v0.0.15

Environment

Windows Desktop App

Logs or stack traces

Screenshots, recordings, or supporting files

T3CodeCopyButton.PNG

Workaround

Practice your Counter Strike AWPing skills to click the right place to select the text you wanted to.

[barrymichaeldoyle]

Relevant PR has been merged 😁 Thank you @juliusmarminge !