Overlay Panel's arrow tail is not right aligned when start with icon

[sonicwong]

Overlay Panel's arrow tail is not right aligned when start with icon.

Code: Select all

<p style="text-align: left">left (over the icon) <i class="pi pi-info-circle" (mouseenter)="test1.show($event)"></i></p>
	<p-overlayPanel #test1 appendTo="body" [showCloseIcon]="false" [dismissable]="false">
		<p>1234567890-1234567890-1234567890</p>
	</p-overlayPanel>

Demo code:
https://stackblitz.com/edit/primeng-tab ... onent.html

[sonicwong]

None got this bug?

[woutersteven]

I was able to reproduce the issue, but haven't found a solution yet. I guess you could try editing the theme.css file, but that's less than preferable.

I'm also looking at using tooltips with icons. If i find a solution i will post it here.