From 80071d29f9b8db572a7d7d67cfefcfef0bb4c40f Mon Sep 17 00:00:00 2001
From: "kiloconnect[bot]" <240665456+kiloconnect[bot]@users.noreply.github.com>
Date: Thu, 5 Mar 2026 09:09:04 +0000
Subject: [PATCH] fix: right-align prompt enhance and send buttons in chat
 input

Add margin-left: auto and flex-shrink: 0 to .prompt-input-hint-actions
so the enhance and send/stop buttons always stay right-aligned regardless
of selector content width. Add min-width: 0 and overflow: hidden to
.prompt-input-hint-selectors to prevent them from pushing the action
buttons off-screen when model names or reasoning toggles are wide.
---
 packages/kilo-vscode/webview-ui/src/styles/chat.css | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/packages/kilo-vscode/webview-ui/src/styles/chat.css b/packages/kilo-vscode/webview-ui/src/styles/chat.css
index 90c9774b067..a6f2a19f9f7 100644
--- a/packages/kilo-vscode/webview-ui/src/styles/chat.css
+++ b/packages/kilo-vscode/webview-ui/src/styles/chat.css
@@ -363,6 +363,8 @@
   display: flex;
   flex-wrap: wrap;
   gap: 4px;
+  min-width: 0;
+  overflow: hidden;
 
   [data-component="button"] {
     height: auto !important;
@@ -400,6 +402,8 @@
 .prompt-input-hint-actions {
   display: flex;
   gap: 4px;
+  margin-left: auto;
+  flex-shrink: 0;
 
   [data-component="button"] {
     background: transparent;