title: OverlayPanel shows arrow on the wrong side (PrimeVue)
body: <p>I am working with <a href="https://www.primefaces.org/primevue/showcase/#/overlaypanel" rel="nofollow noreferrer">overlay panels</a> in the <a href="https://www.primefaces.org/primevue/showcase/#/" rel="nofollow noreferrer">PrimeVue</a> framework, but there is an odd issue I can't fix.</p>
  <p>As shown in the demo page the arrow is on the left side:</p>
  <p><a href="https://i.stack.imgur.com/Gn3qe.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Gn3qe.png" alt="enter image description here" /></a></p>
  <p>However I need it on the right:</p>
  <p><a href="https://i.stack.imgur.com/fwCPt.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fwCPt.png" alt="enter image description here" /></a></p>
  <p>After some google-searching I was able to find <a href="https://github.com/primefaces/primeng/issues/7220" rel="nofollow noreferrer">this bug report</a> but I am for some reason unable to find a solution to this.</p>
  <p>Does anybody know how to move the arrow to the right?</p>