hover fix

Author: yarin-mag

apps/web/src/features/agents/components/ConversationMessage.tsx

@@ -125,7 +125,7 @@ export function ConversationMessage({ turn }: ConversationMessageProps) {
                 >
                   ↑ {formatTokens(inputTokens)}
                   {tooltip === 'input' && (
-                    <span className="absolute bottom-full left-0 mb-2 w-48 rounded-md bg-popover border border-border px-2.5 py-1.5 text-[11px] leading-snug text-popover-foreground shadow-md z-50 whitespace-normal">
+                    <span className="absolute top-full left-0 mt-2 w-48 rounded-md bg-popover border border-border px-2.5 py-1.5 text-[11px] leading-snug text-popover-foreground shadow-md z-50 whitespace-normal">
                       Input tokens — context sent to the model for this turn
                     </span>
                   )}
@@ -140,7 +140,7 @@ export function ConversationMessage({ turn }: ConversationMessageProps) {
                   >
                     <Info className="h-3 w-3 opacity-50" />
                     {tooltip === 'hint' && (
-                      <span className="absolute bottom-full right-0 mb-2 w-56 rounded-md bg-popover border border-border px-2.5 py-1.5 text-[11px] leading-snug text-popover-foreground shadow-md z-50 whitespace-normal">
+                      <span className="absolute top-full right-0 mt-2 w-56 rounded-md bg-popover border border-border px-2.5 py-1.5 text-[11px] leading-snug text-popover-foreground shadow-md z-50 whitespace-normal">
                         Includes system prompt tokens — Claude Code injects its full instructions on the first message of every run
                       </span>
                     )}
@@ -158,7 +158,7 @@ export function ConversationMessage({ turn }: ConversationMessageProps) {
                     >
                       ↓ {formatTokens(outputTokens)}
                       {tooltip === 'output' && (
-                        <span className="absolute bottom-full left-0 mb-2 w-48 rounded-md bg-popover border border-border px-2.5 py-1.5 text-[11px] leading-snug text-popover-foreground shadow-md z-50 whitespace-normal">
+                        <span className="absolute top-full left-0 mt-2 w-48 rounded-md bg-popover border border-border px-2.5 py-1.5 text-[11px] leading-snug text-popover-foreground shadow-md z-50 whitespace-normal">
                           Output tokens — text generated by the model in this turn
                         </span>
                       )}