diff --git a/frontend/src/agents/AgentPageHeader.tsx b/frontend/src/agents/AgentPageHeader.tsx
index 38439801..96aa5f85 100644
--- a/frontend/src/agents/AgentPageHeader.tsx
+++ b/frontend/src/agents/AgentPageHeader.tsx
@@ -90,8 +90,8 @@ export default function AgentPageHeader({
           <BreadcrumbSeparator />
           <BreadcrumbItem>
             {currentPage === 'overview' ? (
-              <BreadcrumbPage className="max-w-[40ch] truncate">
-                {displayName}
+              <BreadcrumbPage title={displayName} className="w-[16ch] truncate">
+                {displayName}              
               </BreadcrumbPage>
             ) : (
               <BreadcrumbLink asChild>