diff --git a/public/claude-ide/ide.css b/public/claude-ide/ide.css
index 3d2a9ae1..c7bde914 100644
--- a/public/claude-ide/ide.css
+++ b/public/claude-ide/ide.css
@@ -592,10 +592,30 @@ body {
   flex-direction: column;
 }
 
-.chat-sessions-list {
+.chat-sessions-list,
+.chat-history-list {
   flex: 1;
   overflow-y: auto;
   padding: 1rem;
+  min-height: 0;
+}
+
+/* Custom scrollbar for chat history list */
+.chat-history-list::-webkit-scrollbar {
+  width: 8px;
+}
+
+.chat-history-list::-webkit-scrollbar-track {
+  background: var(--bg-secondary);
+}
+
+.chat-history-list::-webkit-scrollbar-thumb {
+  background: var(--border);
+  border-radius: 4px;
+}
+
+.chat-history-list::-webkit-scrollbar-thumb:hover {
+  background: var(--text-secondary);
 }
 
 .chat-main {
@@ -1764,6 +1784,7 @@ body {
 
 /* Hide scrollbar but keep functionality */
 @media (max-width: 768px) {
+    /* Hide scrollbars on mobile for cleaner UI */
     .chat-messages::-webkit-scrollbar,
     .chat-history-list::-webkit-scrollbar,
     .sessions-list::-webkit-scrollbar {
diff --git a/public/claude-ide/index.html b/public/claude-ide/index.html
index 71b8d28e..5856c2d6 100644
--- a/public/claude-ide/index.html
+++ b/public/claude-ide/index.html
@@ -291,7 +291,7 @@
     </script>
 
     <link rel="stylesheet" href="/claude/css/style.css?v=1769027229">
-    <link rel="stylesheet" href="/claude/claude-ide/ide.css?v=1769027229">
+    <link rel="stylesheet" href="/claude/claude-ide/ide.css?v=1769092045">
     <link rel="stylesheet" href="/claude/claude-ide/tag-renderer.css?v=1769027229">
     <link rel="stylesheet" href="/claude/claude-ide/preview-manager.css?v=1769027229">
     <link rel="stylesheet" href="/claude/claude-ide/chat-enhanced.css?v=1769027229">