[SD-508] ensure popup area doesn't extend beyond visible popup

[lambry]

Issue: https://digital-vic.atlassian.net/browse/SD-508

What I did

• Ensure popup area doesn't extend beyond popup, i.e. the margin at the top of the popup was blocking interactions
• Adjust active pin (was a pixel off)

Click above (Current)

Click above (Updated)

Hover above (Current)

Hover above (Updated)

Move active pin 1px

Checklist

For all PR's

• I've added relevant changes to the project Readme if needed
• I've updated the documentation site as needed
• I have added tests to cover my changes (if not applicable, please state why in a comment)

For new UI components only

• I have added a storybook story covering all variants
• I have checked a11y tab in storybook passes
• I have added cypress component tests (if the component is interactive)
• Any events are emitted on the event bus using emitRplEvent

[netlify]

✅ Deploy Preview for ripple-docs canceled.

Name	Link
🔨 Latest commit	c44d7c2
🔍 Latest deploy log	https://app.netlify.com/sites/ripple-docs/deploys/6748f7edeb085c000821ac07