diff --git a/apps/web/app/components/hub-sidebar.tsx b/apps/web/app/components/hub-sidebar.tsx
index 732a2d38..d3a00835 100644
--- a/apps/web/app/components/hub-sidebar.tsx
+++ b/apps/web/app/components/hub-sidebar.tsx
@@ -79,7 +79,7 @@ export function HubSidebar() {
                       onClick={() => setActiveAgentId(agent.id)}
                       className="font-mono text-xs flex-1 min-w-0"
                     >
-                      {agent.id}
+                      <span>{agent.id}</span>
                     </SidebarMenuButton>
                     <button
                       onClick={() => {