From e4ae1c75cec7e2aee3c82ebf2c1a3dd8a06a2031 Mon Sep 17 00:00:00 2001
From: Marius <marius@kilocode.ai>
Date: Wed, 8 Jul 2026 12:21:23 +0200
Subject: [PATCH] fix(vscode): fit settings sidebar to localized section labels
 (#12032)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The settings sidebar used a fixed 150px width that clipped long
localized labels (e.g. German 'Automatisch genehmigen',
'Autovervollständigung'). The Kilo override intended to set 180px
but was dead: it lacked the [data-orientation=vertical] qualifier the
upstream rule has, so the upstream 150px won on specificity.

Match the upstream selector specificity and switch to content-driven
sizing (width: auto, min-width: 180px) so the list grows to fit the
longest translated label instead of truncating it.
---
 .changeset/fix-settings-sidebar-i18n-width.md | 5 +++++
 packages/kilo-ui/src/components/tabs.css      | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/fix-settings-sidebar-i18n-width.md

diff --git a/.changeset/fix-settings-sidebar-i18n-width.md b/.changeset/fix-settings-sidebar-i18n-width.md
new file mode 100644
index 00000000000..60c75117be4
--- /dev/null
+++ b/.changeset/fix-settings-sidebar-i18n-width.md
@@ -0,0 +1,5 @@
+---
+"kilo-code": patch
+---
+
+Fix settings sidebar truncating localized section labels in non-English languages.
diff --git a/packages/kilo-ui/src/components/tabs.css b/packages/kilo-ui/src/components/tabs.css
index a581a0edf0d..01b488316f6 100644
--- a/packages/kilo-ui/src/components/tabs.css
+++ b/packages/kilo-ui/src/components/tabs.css
@@ -45,11 +45,11 @@
     cursor: pointer;
   }
 
-  &[data-variant="settings"] {
+  &[data-orientation="vertical"][data-variant="settings"] {
     container-type: inline-size;
 
     [data-slot="tabs-list"] {
-      width: 180px;
+      width: auto;
       min-width: 180px;
     }