Move scrollbar on Message Card body a bit off from the right edge

[jakubjanczyk]

Problem/Feature

Scrollabar on MessageCard body is a bit too close to the right edge of the whole Card. This moves it by to 2px to the left side, so there's more space. The scrollbars might be different depending on the browser and/or operating system.

Related JIRA issue: https://helpscout.atlassian.net/browse/BEMBED-281

There is a Story added that present MessageCard with a scrollbar - MessageCard -> with body scrollbar

Before:

After:

Guidelines

Make sure the pull request:

• Follows the established folder/file structure
• Adds unit tests
• Did you verify some accessibility (a11y) basics?
• Adds/updates stories. Guidelines
• Adds/updates documentation (ie proptypes) Guidelines
• Has it been tested in Help Scout's supported browsers?
• Requests review from designer of the feature
• Add label (bug? feature?)

[jakubjanczyk]

@alexestrada could you take a look if that solves the issue on Message preview? Thanks!

[netlify]

✔️ Deploy Preview for hsds-react ready!

🔨 Explore the source changes: 6bfe074

🔍 Inspect the deploy log: https://app.netlify.com/sites/hsds-react/deploys/60c22da4e3d63c000719acb8

😎 Browse the preview: https://deploy-preview-941--hsds-react.netlify.app/iframe

[coveralls]

Pull Request Test Coverage Report for Build 3616

• 0 of 0 changed or added relevant lines in 0 files are covered.
• No unchanged relevant lines lost coverage.
• Overall coverage remained the same at 93.768%

---

Totals
Change from base Build 3615:	0.0%
Covered Lines:	6584
Relevant Lines:	6846

---

💛 - Coveralls

[alexestrada]

Reviewed screenshots since I can't access HSDS previews. Looks good, thank you for getting to this one! 🙏

[tinkertrain]

🚢