From 078da10d4d5d7d0847a26dcbcecacbecc05e93a7 Mon Sep 17 00:00:00 2001
From: Jacob Kim <jacob.kim@sendbird.com>
Date: Fri, 10 Jul 2026 00:43:03 +0900
Subject: [PATCH] fix: align project workspace count

---
 src/components/layout/ProjectWorkspaceSidebar.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/layout/ProjectWorkspaceSidebar.tsx b/src/components/layout/ProjectWorkspaceSidebar.tsx
index 1d0b38d..2a09383 100644
--- a/src/components/layout/ProjectWorkspaceSidebar.tsx
+++ b/src/components/layout/ProjectWorkspaceSidebar.tsx
@@ -1779,13 +1779,13 @@ export function ProjectWorkspaceSidebar(args: {
                                             : "Collapse project"}
                                         </TooltipContent>
                                       </Tooltip>
-                                      <div className="flex min-w-0 flex-1 items-center gap-2">
+                                      <div className="relative flex min-w-0 flex-1 items-center gap-2 transition-[padding] duration-200 group-hover/project-row:pr-[5.75rem] group-focus-within/project-row:pr-[5.75rem]">
                                         <span className="min-w-0 flex-1 truncate font-medium">
                                           {project.projectName}
                                         </span>
                                         <span
                                           className={cn(
-                                            "inline-flex h-5 min-w-5 shrink-0 items-center justify-center rounded-sm border border-sidebar-border/60 bg-sidebar-accent/45 px-1.5 text-[10px] font-medium tabular-nums text-muted-foreground transition-all duration-200",
+                                            "ml-auto inline-flex h-5 min-w-5 shrink-0 items-center justify-center rounded-sm border border-sidebar-border/60 bg-sidebar-accent/45 px-1.5 text-[10px] font-medium tabular-nums text-muted-foreground transition-all duration-200",
                                             "group-hover/project-row:pointer-events-none group-hover/project-row:translate-x-1 group-hover/project-row:opacity-0",
                                             "group-focus-within/project-row:pointer-events-none group-focus-within/project-row:translate-x-1 group-focus-within/project-row:opacity-0",
                                           )}
@@ -1795,7 +1795,7 @@ export function ProjectWorkspaceSidebar(args: {
                                         </span>
                                         <div
                                           className={cn(
-                                            "flex shrink-0 items-center gap-0.5 transition-all duration-200",
+                                            "absolute right-0 top-1/2 flex shrink-0 -translate-y-1/2 items-center gap-0.5 transition-all duration-200",
                                             "pointer-events-none translate-x-1 opacity-0",
                                             "group-hover/project-row:pointer-events-auto group-hover/project-row:translate-x-0 group-hover/project-row:opacity-100",
                                             "group-focus-within/project-row:pointer-events-auto group-focus-within/project-row:translate-x-0 group-focus-within/project-row:opacity-100",