Thanks for filing this issue. I agree there's some miss-alignment issue in the tooltip header. Trying to provide a fix that also works for other existing use cases that are probably also carrying this issue.

From the current use cases I think we might want the following options configurable:

• title?: text to display as title. Default none.
• headerIcon?: icon to display as a title prefix. Default none.
• placement?: one of "above", "below" (and probably "left" and "right" in the future). Default below.

module	use case	current implementation	Current	After fix
New Impact module	info icon in score cards	placement below, has title, has header icon, has close button		todo
New Impact module	clock icon in articles list	placement above, only text		todo
Mentor Dashboard	info in mentees table	placement below, has title, has close button		todo

If we can draft an initial spec (no Figma needed, just business rules) maybe this component can eventually be upstreamed to Codex. Currently the Tooltip links in Codex_Planned_Components are poiniting to tangential issues but maybe we can align this implementation with the needs from T339379: Follow up work: Iterate on IP masking banner and T280677: Revise and extend the info / help tooltip pop-up in our design component library

Change 933126 had a related patch set uploaded (by Sergio Gimeno; author: Sergio Gimeno):

[mediawiki/extensions/GrowthExperiments@master] Vue components: popover header alignment

https://gerrit.wikimedia.org/r/933126

Hiya sorry for late response but I think we want the title to be flexible to be bold or not.
And perhaps we can backlog the addition of the callout arrow if it is a larger issue to tackle.

Change 933126 merged by jenkins-bot:

[mediawiki/extensions/GrowthExperiments@master] Vue components: popover header alignment

https://gerrit.wikimedia.org/r/933126

Checked on testwiki wmf.22 - added the screenshots to the table below:

In T340199#8986386, @Sgs wrote:

module	use case	current implementation	Current	After fix testwiki wmf.22
New Impact module	info icon in score cards	placement below, has title, has header icon, has close button		{F37563392}
New Impact module	clock icon in articles list	placement above, only text
Mentor Dashboard	info in mentees table	placement below, has title, has close button

hi @Sgs reading through the task right now and just want to clarify if there's anything needed from design in terms of specs / working through this with DST? should KS and I decide on what level of priority this needs?