Update ChatTextArea.tsx

[sensei-woo]

fix issue #5583

Related GitHub Issue

Closes: #5583

Roo Code Task Context (Optional)

Description

Test Procedure

Pre-Submission Checklist

• Issue Linked: This PR is linked to an approved GitHub Issue (see "Related GitHub Issue" above).
• Scope: My changes are focused on the linked issue (one major feature/fix per PR).
• Self-Review: I have performed a thorough self-review of my code.
• Testing: New and/or updated tests have been added to cover my changes (if applicable).
• Documentation Impact: I have considered if my changes require documentation updates (see "Documentation Updates" section below).
• Contribution Guidelines: I have read and agree to the Contributor Guidelines.

Screenshots / Videos

Documentation Updates

Additional Notes

Get in Touch

---

Important

Fix button positioning issue in ChatTextArea.tsx by adjusting className from right-0 to right-10.

• UI Fix:
  • Adjusts className of Button in ChatTextArea.tsx from right-0 to right-10 to fix positioning issue.

^{This description was created by for fef3f15. You can customize this summary. It will automatically update as commits are pushed.}

[Copilot]

Pull Request Overview

This PR fixes an issue with the positioning of the TTS (Text-to-Speech) stop button in the ChatTextArea component. The change adjusts the button's horizontal position to prevent overlap with other UI elements.

• Updates the CSS positioning of the TTS stop button from right-0 to right-10

[daniel-lxs]

Thank you @sensei-woo!

I made a change and moved it to the bottom next to indexing:

It seems like a better spot for it so it doesn't get in the way of the text.