diff --git a/packages/ui/src/styles/messaging/prompt-input.css b/packages/ui/src/styles/messaging/prompt-input.css index f737d006..8cfc8e63 100644 --- a/packages/ui/src/styles/messaging/prompt-input.css +++ b/packages/ui/src/styles/messaging/prompt-input.css @@ -36,8 +36,8 @@ .prompt-input { @apply w-full pt-2.5 border text-sm resize-none outline-none transition-colors; - padding-inline-start: 2.5rem; - padding-inline-end: 0.75rem; + padding-inline-start: 0.75rem; + padding-inline-end: 2.5rem; font-family: inherit; background-color: var(--surface-base); color: var(--text-primary); @@ -83,13 +83,11 @@ color: var(--text-primary); } -/* Navigation buttons container (expand, prev, next). - Intentionally at inline-start (left in LTR, right in RTL) so buttons never overlap - the scrollbar, which browsers always place at inline-end. */ +/* Navigation buttons container (expand, prev, next). */ .prompt-nav-buttons { position: absolute; top: 0.25rem; - inset-inline-start: 0.25rem; + inset-inline-end: 0.25rem; bottom: 0.25rem; display: flex; flex-direction: column; @@ -379,7 +377,7 @@ .prompt-input { min-height: 0; padding: 0.5rem 0.75rem; - padding-inline-start: 2.5rem; /* preserve space for nav buttons */ + padding-inline-end: 2.5rem; padding-bottom: 0.75rem; }