diff --git a/packages/trueforge-ui/src/atoms/agent-details/AgentSessionDetailHeader.tsx b/packages/trueforge-ui/src/atoms/agent-details/AgentSessionDetailHeader.tsx
index bbdd97144..d470ac83e 100644
--- a/packages/trueforge-ui/src/atoms/agent-details/AgentSessionDetailHeader.tsx
+++ b/packages/trueforge-ui/src/atoms/agent-details/AgentSessionDetailHeader.tsx
@@ -45,21 +45,19 @@ export function AgentSessionDetailHeader({
 
   return (
     <div className="flex shrink-0 items-center gap-3 border-b border-border p-3">
-      <div className="flex min-w-0 flex-1 items-center gap-1.5">
-        <h2 className="min-w-0 truncate text-sm font-semibold text-text-primary">{title}</h2>
-        <code className="min-w-0 truncate font-mono text-xs text-text-secondary">{sessionId}</code>
+      <div className="flex min-w-0 flex-1 items-center gap-1.5 pb-0.5">
+        <h2 className="min-w-0 truncate text-sm font-semibold leading-none text-text-primary">{title}</h2>
+        <code className="min-w-0 truncate font-mono text-xs leading-none text-text-secondary">{sessionId}</code>
         <LightTooltip title={copied ? 'Copied' : 'Copy session link'} dismissOnClick={false}>
-          <button
+          <Button.Ghost
             type="button"
+            size="icon"
             aria-label="Copy session link"
-            className={cn(
-              'inline-flex size-6 shrink-0 items-center justify-center rounded-md text-text-secondary',
-              'hover:bg-ghost-button-hover hover:text-text-primary',
-            )}
+            className="size-6"
             onClick={() => void copySessionLink()}
           >
             <Icon name="link" className="size-3.5" />
-          </button>
+          </Button.Ghost>
         </LightTooltip>
       </div>
       {resumeLabel != null && resumeHref != null && canResume ? (