Accordion content has padding right 25% applies

What package(s) are you using?

• carbon-components
• carbon-components-react

Detailed description

Describe in detail the issue you’re having. Accordion content has 25% padding, this is taking a lot of space and didn’t used to be like this in v9.

Is this issue related to a specific component? AccordionItem

What did you expect to happen? What happened instead? What would you like to see changed?

What browser are you working in? Chrome Version 79.0.3945.88 (Official Build) (64-bit)

What version of the Carbon Design System are you using? carbon-components-react: 7.9.0 carbon-components: 10.9.0

What offering/product do you work on? Any pressing ship or release dates we should be aware of?

IBM Cloud

Steps to reproduce the issue

1. Step one
2. Step two
3. Step three
4. etc.

Please create a reduced test case in CodeSandbox

• Style and vanilla JS: https://codesandbox.io/s/github/carbon-design-system/carbon/tree/master/packages/components/examples/codesandbox
• React: https://codesandbox.io/s/github/carbon-design-system/carbon/tree/master/packages/react/examples/codesandbox

Additional information

• Screenshots or code
• Notes

[tw15egan]

Currently, we just reduce the padding-right to 3rem on screens less than 800something px. We could add another breakpoint to make it just 16px under certain screen sizes (mobile)

[tw15egan]

@ashpc I can get a fix in for this today. I will take specs from https://github.com/carbon-design-system/carbon/issues/4993#issuecomment-573199723