From f7c1dc16c4d82515fccd187152dd2a84653f2677 Mon Sep 17 00:00:00 2001
From: 777genius <quantjumppro@gmail.com>
Date: Fri, 17 Apr 2026 12:43:51 +0300
Subject: [PATCH] fix(sidebar): polish project group headers

---
 src/renderer/components/layout/Sidebar.tsx         |  2 +-
 src/renderer/components/sidebar/GlobalTaskList.tsx | 14 +++++++-------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/renderer/components/layout/Sidebar.tsx b/src/renderer/components/layout/Sidebar.tsx
index 29918c71..b6f07b7a 100644
--- a/src/renderer/components/layout/Sidebar.tsx
+++ b/src/renderer/components/layout/Sidebar.tsx
@@ -204,7 +204,7 @@ export const Sidebar = (): React.JSX.Element => {
         <button
           type="button"
           aria-label="Resize sidebar"
-          className={`absolute left-0 top-0 h-full w-1 cursor-col-resize border-0 bg-transparent p-0 transition-colors hover:bg-blue-500/50 ${
+          className={`absolute left-0 top-0 z-20 h-full w-1 cursor-col-resize border-0 bg-transparent p-0 transition-colors hover:bg-blue-500/50 ${
             isResizing ? 'bg-blue-500/50' : ''
           }`}
           onMouseDown={handleResizeStart}
diff --git a/src/renderer/components/sidebar/GlobalTaskList.tsx b/src/renderer/components/sidebar/GlobalTaskList.tsx
index da0e3ad0..188bc53f 100644
--- a/src/renderer/components/sidebar/GlobalTaskList.tsx
+++ b/src/renderer/components/sidebar/GlobalTaskList.tsx
@@ -21,6 +21,7 @@ import {
   Check,
   ChevronDown,
   ChevronRight,
+  Folder,
   ListTodo,
   Pin,
   Search,
@@ -625,6 +626,7 @@ export const GlobalTaskList = ({
           projectGroups.map((group) => {
             if (group.tasks.length === 0) return null;
             const isGroupCollapsed = projectCollapsed.isCollapsed(group.projectKey);
+            const groupColor = projectColor(group.projectLabel);
             let lastTeam: string | null = null;
             return (
               <div key={group.projectKey}>
@@ -639,14 +641,12 @@ export const GlobalTaskList = ({
                   ) : (
                     <ChevronDown className="size-3 shrink-0 text-text-muted" />
                   )}
-                  <span
-                    className="inline-block size-1.5 shrink-0 rounded-full"
-                    style={{ backgroundColor: projectColor(group.projectLabel).border }}
+                  <Folder
+                    className="size-3 shrink-0"
+                    style={{ color: groupColor.border }}
+                    aria-hidden="true"
                   />
-                  <span
-                    className="truncate"
-                    style={{ color: projectColor(group.projectLabel).text }}
-                  >
+                  <span className="truncate" style={{ color: groupColor.text }}>
                     {group.projectLabel}
                   </span>
                   <span className="ml-auto shrink-0 text-[10px] font-normal text-text-muted">