fix: hide horizontal scrollbar on textarea for Windows compatibility

Add overflow-x: hidden and word-break styles to textarea to prevent
ugly horizontal scrollbar on Windows. Also hide the horizontal webkit
scrollbar track entirely.

FEEDBACK.md

@@ -366,7 +366,8 @@
 ## Item #36
 - **Date:** 2026-02-12
 - **Priority:** medium
-- **Status:** in-progress
+- **Status:** done
+- **Completed:** 2026-02-12 — commit `cecfa3e`
 - **Description:** Prettier scrollbar in the text input field (ChatInput textarea)
 - **Details:**
   - On macOS the default scrollbar in the textarea looks ugly
@@ -374,3 +375,16 @@
   - Use webkit-scrollbar styles + scrollbar-width/scrollbar-color for Firefox
   - Keep it subtle: thin track, small thumb with rounded corners, matching the zinc/cyan theme
   - Reported by Josh (external user on macOS)
+
+## Item #37
+- **Date:** 2026-02-12
+- **Priority:** high
+- **Status:** pending
+- **Description:** Scrollbar in textarea still ugly on Windows (horizontal scrollbar)
+- **Details:**
+  - Josh reports the textarea horizontal scrollbar is still ugly/beige on Windows even after v1.11.0
+  - The webkit scrollbar fix from #36 may not apply to the textarea horizontal scrollbar
+  - Screenshot shows a small beige/gold horizontal scrollbar at the bottom of the input area
+  - May need to also hide the horizontal scrollbar entirely (textarea shouldn't need horizontal scroll — use word-wrap/overflow-wrap instead)
+  - Add `overflow-x: hidden` on the textarea to prevent horizontal scrollbar entirely
+  - Also check that `resize: none` is set and `word-break: break-word` / `overflow-wrap: break-word` to avoid horizontal overflow

src/index.css

@@ -25,9 +25,14 @@
   background: #71717a;
 }
 
-/* Textarea-specific: even thinner scrollbar */
+/* Textarea-specific: even thinner scrollbar, no horizontal scroll */
 textarea::-webkit-scrollbar {
   width: 4px;
+  height: 0;
+}
+
+textarea::-webkit-scrollbar:horizontal {
+  display: none;
 }
 
 textarea::-webkit-scrollbar-thumb {
@@ -39,6 +44,12 @@ textarea::-webkit-scrollbar-thumb:hover {
   background: #52525b;
 }
 
+textarea {
+  overflow-x: hidden;
+  overflow-wrap: break-word;
+  word-break: break-word;
+}
+
 html, body {
   margin: 0;
   background: #1e1e24;