diff --git a/frontend/src/features/agents/components/AgentHarnessPage.js b/frontend/src/features/agents/components/AgentHarnessPage.js
index b7091ef..e4ca0d6 100644
--- a/frontend/src/features/agents/components/AgentHarnessPage.js
+++ b/frontend/src/features/agents/components/AgentHarnessPage.js
@@ -463,10 +463,13 @@
                             </div>
                         </div>
 
-                        <h2 className="text-xl font-bold text-gray-900 dark:text-gray-100 truncate cursor-pointer hover:text-indigo-600 dark:hover:text-indigo-400 transition-colors"
+                        <h2 className="text-xl font-bold flex items-center gap-2 text-gray-900 dark:text-gray-100 truncate cursor-pointer hover:text-indigo-600 dark:hover:text-indigo-400 transition-colors"
                             onClick={() => onNavigate(`/agents/drilldown/${agent.id}`)}
                             title={agent.id}>
-                            {agent.template?.name || 'Agent'}
+                            <span className="truncate">{agent.template?.name || 'Agent'}</span>
+                            <svg className="w-4 h-4 text-gray-400 opacity-50 group-hover:opacity-100 group-hover:text-indigo-500 transition-all flex-shrink-0" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2.5} d="M9 5l7 7-7 7" />
+                            </svg>
                         </h2>
                         <span className="text-[10px] uppercase tracking-widest text-gray-500 dark:text-gray-400 block mt-1" title={agent.id}>ID: {agent.id.split('-')[0]}</span>
                     </div>