From 3ea84a56e4dfdeaddd58add5b269be0342f3f986 Mon Sep 17 00:00:00 2001
From: qer <wbxl2000@outlook.com>
Date: Thu, 2 Jul 2026 12:24:46 +0800
Subject: [PATCH] fix(web): prevent horizontal scrollbar in session search
 dialog (#1290)

The search sessions dialog used a column flex layout where the title and snippet had white-space: nowrap but no min-width: 0, so the flex items refused to shrink below their text width and overflowed, surfacing a horizontal scrollbar on the dialog body. Add min-width: 0 so they shrink and ellipsize instead.
---
 .changeset/fix-search-sessions-horizontal-scroll.md          | 5 +++++
 .../kimi-web/src/components/dialogs/SearchSessionsDialog.vue | 2 ++
 2 files changed, 7 insertions(+)
 create mode 100644 .changeset/fix-search-sessions-horizontal-scroll.md

diff --git a/.changeset/fix-search-sessions-horizontal-scroll.md b/.changeset/fix-search-sessions-horizontal-scroll.md
new file mode 100644
index 000000000..6b5b28f1c
--- /dev/null
+++ b/.changeset/fix-search-sessions-horizontal-scroll.md
@@ -0,0 +1,5 @@
+---
+"@moonshot-ai/kimi-code": patch
+---
+
+Fix the session search dialog showing a horizontal scrollbar for long session titles or snippets.
diff --git a/apps/kimi-web/src/components/dialogs/SearchSessionsDialog.vue b/apps/kimi-web/src/components/dialogs/SearchSessionsDialog.vue
index 71122556d..8647f842a 100644
--- a/apps/kimi-web/src/components/dialogs/SearchSessionsDialog.vue
+++ b/apps/kimi-web/src/components/dialogs/SearchSessionsDialog.vue
@@ -261,6 +261,7 @@ onMounted(() => {
 }
 
 .sd-title {
+  min-width: 0;
   font-size: var(--text-base);
   color: var(--color-text);
   overflow: hidden;
@@ -268,6 +269,7 @@ onMounted(() => {
   white-space: nowrap;
 }
 .sd-snippet {
+  min-width: 0;
   font-size: var(--text-sm);
   color: var(--color-text-muted);
   overflow: hidden;