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