Fixed UI Issue in Compliance/Reports tab, unable to scroll

[vinay033]

:nut_and_bolt: Description: What code changed, and why?

Compliance ce/Reports tab, not able to scroll if the user wants to check the scan results

:chains: Related Resources

https://chefio.atlassian.net/browse/CHEF-2659

:+1: Definition of Done

I have added CSS changes to fix this issue.

:athletic_shoe: How to Build and Test the Change

:white_check_mark: Checklist

All PRs must tick these:

• [ ] I have read the CONTRIBUTING document.
• [ ] All commits signed-off for the Developer Certification of Origin.

With occasional exceptions, all PRs from Progress employees must tick these:

• [ ] Is the code clear? (complicated code or lots of comments--subdivide and use well-named methods, meaningful variable names, etc.)
• [ ] Consistency checked? (user notifications, user prompts, visual patterns, code patterns, variable names)
• [ ] Repeated code blocks eliminated? (adapt and reuse existing components, blocks, functions, etc.)
• [ ] Spelling, grammar, typos checked? (at a minimum use make spell in any component directory)
• [ ] Code well-formatted? (indents, line breaks, etc. improve rather than hinder readability)

All PRs from Progress employees should tick these if appropriate:

• [ ] Tests added/updated? (all new code needs new tests)
• [ ] Docs added/updated? (all customer-facing changes)

Please add a note next to any checkbox above if you are NOT ticking it.

:camera: Screenshots, if applicable

https://github.com/chef/automate/assets/12297653/9d49d12a-3f01-475f-932f-e065969c073b

[netlify[bot]]

👷 Deploy Preview for chef-automate processing.

Name	Link
🔨 Latest commit	c59d6d6599b32cb23071ecfda9f8c9a5b12faf5d
🔍 Latest deploy log	https://app.netlify.com/sites/chef-automate/deploys/65eefb5e1eb9c90008626c03

[sonarqube-for-infrastructure-prod[bot]]

SonarQube Quality Gate

0 Bugs
0 Vulnerabilities
0 Security Hotspots
0 Code Smells

No Coverage information
No Duplication information