diff --git a/studio/frontend/src/components/app-sidebar.tsx b/studio/frontend/src/components/app-sidebar.tsx index 8087b30b91..5bc6391ad8 100644 --- a/studio/frontend/src/components/app-sidebar.tsx +++ b/studio/frontend/src/components/app-sidebar.tsx @@ -672,11 +672,12 @@ export function AppSidebar() { // Recents label text at 16px. variant === "project" ? "pl-[39px]" : "pl-3", variant === "project" - ? "group-hover/project-chat-item:pr-8 group-has-[.sidebar-row-action[data-state=open]]/project-chat-item:pr-8" + ? "group-hover/project-chat-item:pr-6 group-has-[.sidebar-row-action[data-state=open]]/project-chat-item:pr-6" : isPinned ? // Pinned rows show an extra unpin button on hover, so reserve more room. - "group-hover/recent-item:pr-16 group-has-[.sidebar-row-action[data-state=open]]/recent-item:pr-8" - : "group-hover/recent-item:pr-8 group-has-[.sidebar-row-action[data-state=open]]/recent-item:pr-8", + "group-hover/recent-item:pr-16 group-has-[.sidebar-row-action[data-state=open]]/recent-item:pr-6" + : // Hover room for the kebab only; title keeps one more character. + "group-hover/recent-item:pr-6 group-has-[.sidebar-row-action[data-state=open]]/recent-item:pr-6", ); const isRenamingThis = @@ -962,7 +963,8 @@ export function AppSidebar() { )} - + {/* Uniform pl-1.5 pr-2 keeps every hover pill the same width, inset from the edge. */} + - + - + - + {pinnedChatItems.map((item) => renderChatSidebarItem(item, "recent"), @@ -1146,7 +1148,7 @@ export function AppSidebar() { - + {recentChatItems.map((item) => renderChatSidebarItem(item, "recent"),