From 0c94ba3be6d600860591bb09198d753be93d1320 Mon Sep 17 00:00:00 2001
From: Mark IJbema <mark@kilocode.ai>
Date: Thu, 12 Feb 2026 13:42:35 +0100
Subject: [PATCH] fix(settings): constrain TextField width in DisplayTab

---
 .../src/components/settings/DisplayTab.tsx           | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/packages/kilo-vscode/webview-ui/src/components/settings/DisplayTab.tsx b/packages/kilo-vscode/webview-ui/src/components/settings/DisplayTab.tsx
index b6fd4bd3e83..dcbdb070899 100644
--- a/packages/kilo-vscode/webview-ui/src/components/settings/DisplayTab.tsx
+++ b/packages/kilo-vscode/webview-ui/src/components/settings/DisplayTab.tsx
@@ -41,11 +41,13 @@ const DisplayTab: Component = () => {
               Custom username displayed in conversations
             </div>
           </div>
-          <TextField
-            value={config().username ?? ""}
-            placeholder="User"
-            onChange={(val) => updateConfig({ username: val.trim() || undefined })}
-          />
+          <div style={{ width: "160px" }}>
+            <TextField
+              value={config().username ?? ""}
+              placeholder="User"
+              onChange={(val) => updateConfig({ username: val.trim() || undefined })}
+            />
+          </div>
         </div>
 
         <div