From 3dc81a80f9f567db60d02d9738e534c172a55d54 Mon Sep 17 00:00:00 2001
From: AndyMik90 <andre@mikalsenutvikling.no>
Date: Fri, 20 Feb 2026 12:36:03 +0100
Subject: [PATCH] auto-claude: subtask-1-1 - Fix bulk action button overflow in
 ChatHistorySidebar

Add overflow-hidden and min-w-0 to toolbar container, min-w-0 to buttons,
shrink-0 to icons, and truncate wrapper to button text content.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 .../src/renderer/components/ChatHistorySidebar.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/apps/frontend/src/renderer/components/ChatHistorySidebar.tsx b/apps/frontend/src/renderer/components/ChatHistorySidebar.tsx
index 62b13ec6e6..80cf2afe55 100644
--- a/apps/frontend/src/renderer/components/ChatHistorySidebar.tsx
+++ b/apps/frontend/src/renderer/components/ChatHistorySidebar.tsx
@@ -335,25 +335,25 @@ export function ChatHistorySidebar({
 
       {/* Bulk action toolbar */}
       {isSelectionMode && selectedIds.size > 0 && (
-        <div className="flex items-center gap-2 border-t border-border px-3 py-2">
+        <div className="flex items-center gap-2 overflow-hidden min-w-0 border-t border-border px-3 py-2">
           <Button
             variant="destructive"
             size="sm"
-            className="flex-1 text-xs"
+            className="min-w-0 flex-1 text-xs"
             onClick={() => setBulkDeleteOpen(true)}
           >
-            <Trash2 className="mr-1.5 h-3.5 w-3.5" />
-            {t('selection.deleteSelected')} ({selectedIds.size})
+            <Trash2 className="shrink-0 mr-1.5 h-3.5 w-3.5" />
+            <span className="truncate">{t('selection.deleteSelected')} ({selectedIds.size})</span>
           </Button>
           {onArchiveSessions && (
             <Button
               variant="secondary"
               size="sm"
-              className="flex-1 text-xs"
+              className="min-w-0 flex-1 text-xs"
               onClick={handleBulkArchive}
             >
-              <Archive className="mr-1.5 h-3.5 w-3.5" />
-              {t('insights.archiveSelected')} ({selectedIds.size})
+              <Archive className="shrink-0 mr-1.5 h-3.5 w-3.5" />
+              <span className="truncate">{t('insights.archiveSelected')} ({selectedIds.size})</span>
             </Button>
           )}
         </div>