From 658253a3fd0c1853607f54ed17b2541c4859fe3d Mon Sep 17 00:00:00 2001 From: MusiCode Date: Wed, 18 Mar 2026 02:30:56 +0000 Subject: [PATCH] fix(rtl): keep textarea nav buttons at physical right to avoid scrollbar overlap In RTL, browser places textarea scrollbar on the left. Using inset-inline-end put nav buttons also on the left, causing overlap. Keep physical right/padding-right so buttons are always away from the scrollbar. Co-Authored-By: Claude Sonnet 4.6 --- packages/ui/src/styles/messaging/prompt-input.css | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/packages/ui/src/styles/messaging/prompt-input.css b/packages/ui/src/styles/messaging/prompt-input.css index 34f5287f..64c6d99a 100644 --- a/packages/ui/src/styles/messaging/prompt-input.css +++ b/packages/ui/src/styles/messaging/prompt-input.css @@ -35,9 +35,7 @@ } .prompt-input { - @apply w-full pt-2.5 border text-sm resize-none outline-none transition-colors; - padding-inline-start: 0.75rem; - padding-inline-end: 2.5rem; + @apply w-full pl-3 pr-10 pt-2.5 border text-sm resize-none outline-none transition-colors; font-family: inherit; background-color: var(--surface-base); color: var(--text-primary); @@ -87,7 +85,7 @@ .prompt-nav-buttons { position: absolute; top: 0.25rem; - inset-inline-end: 0.25rem; + right: 0.25rem; bottom: 0.25rem; display: flex; flex-direction: column;