From d5a8989b81d2cb0dd3ea4f62f3ee4570a7725891 Mon Sep 17 00:00:00 2001
From: marius-kilocode <marius@kilocode.ai>
Date: Thu, 28 May 2026 10:09:38 +0200
Subject: [PATCH 1/2] fix(vscode): improve history context menu sizing

---
 .changeset/history-context-menu-size.md       |  5 +++++
 .../src/components/history/SessionList.tsx    |  2 +-
 .../webview-ui/src/styles/history.css         | 22 +++++++++++++++++++
 3 files changed, 28 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/history-context-menu-size.md

diff --git a/.changeset/history-context-menu-size.md b/.changeset/history-context-menu-size.md
new file mode 100644
index 00000000000..80a0fb90dd8
--- /dev/null
+++ b/.changeset/history-context-menu-size.md
@@ -0,0 +1,5 @@
+---
+"kilo-code": patch
+---
+
+Improve the size and readability of the local History session context menu.
diff --git a/packages/kilo-vscode/webview-ui/src/components/history/SessionList.tsx b/packages/kilo-vscode/webview-ui/src/components/history/SessionList.tsx
index 7a99fa4e48a..d0047e53aa7 100644
--- a/packages/kilo-vscode/webview-ui/src/components/history/SessionList.tsx
+++ b/packages/kilo-vscode/webview-ui/src/components/history/SessionList.tsx
@@ -115,7 +115,7 @@ const SessionList: Component<SessionListProps> = (props) => {
           {node}
         </ContextMenu.Trigger>
         <ContextMenu.Portal>
-          <ContextMenu.Content>
+          <ContextMenu.Content class="session-list-menu">
             <ContextMenu.Item onSelect={() => startRename(item)}>
               <ContextMenu.ItemLabel>{language.t("common.rename")}</ContextMenu.ItemLabel>
             </ContextMenu.Item>
diff --git a/packages/kilo-vscode/webview-ui/src/styles/history.css b/packages/kilo-vscode/webview-ui/src/styles/history.css
index b41b8b9473f..5c665971384 100644
--- a/packages/kilo-vscode/webview-ui/src/styles/history.css
+++ b/packages/kilo-vscode/webview-ui/src/styles/history.css
@@ -61,6 +61,28 @@ body.vscode-light
   opacity: 1;
 }
 
+.session-list-menu {
+  min-width: 180px;
+  border: 1px solid color-mix(in oklch, var(--border-base) 50%, transparent) !important;
+  box-shadow: var(--shadow-md) !important;
+
+  [data-slot="context-menu-item"] {
+    padding: 6px 10px;
+    font-size: var(--font-size-small);
+    line-height: var(--line-height-large);
+    transition: none;
+
+    &:hover,
+    &[data-highlighted] {
+      background: var(--surface-raised-base-hover);
+    }
+  }
+
+  [data-slot="context-menu-separator"] {
+    margin: 4px 0;
+  }
+}
+
 /* History View (unified Local + Cloud tabs) */
 .history-view {
   display: flex;

From 5f2777bf824d34bb014be362a7399809839ef687 Mon Sep 17 00:00:00 2001
From: marius-kilocode <marius@kilocode.ai>
Date: Thu, 28 May 2026 10:16:53 +0200
Subject: [PATCH 2/2] fix(vscode): align history menu styles

---
 packages/kilo-vscode/webview-ui/src/styles/history.css | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/packages/kilo-vscode/webview-ui/src/styles/history.css b/packages/kilo-vscode/webview-ui/src/styles/history.css
index 5c665971384..7a523e2942a 100644
--- a/packages/kilo-vscode/webview-ui/src/styles/history.css
+++ b/packages/kilo-vscode/webview-ui/src/styles/history.css
@@ -63,16 +63,14 @@ body.vscode-light
 
 .session-list-menu {
   min-width: 180px;
-  border: 1px solid color-mix(in oklch, var(--border-base) 50%, transparent) !important;
-  box-shadow: var(--shadow-md) !important;
+  border: 1px solid color-mix(in oklch, var(--border-base) 50%, transparent);
+  box-shadow: var(--shadow-md);
 
   [data-slot="context-menu-item"] {
     padding: 6px 10px;
-    font-size: var(--font-size-small);
     line-height: var(--line-height-large);
     transition: none;
 
-    &:hover,
     &[data-highlighted] {
       background: var(--surface-raised-base-hover);
     }