fix: fix Dynamic Page default scrollbar appearing in IE

[kavya-b]

Related Issue

Closes #2043

Description

This PR fixes the incorrect scrollbar appearing in dynamic page content area. This scrollbar should not have appeared at all since content is fitting well within the page. It also fixes the issue where 2 scrollbars appear when content does not fit the page. Verified in IE.

Screenshots

NOTE: If you've made any style changes, please provide appropriate screenshots (before and after) to help reviewers.

To see examples of which screenshots to include, go to Screenshot Examples.

Before:

After:

Please check whether the PR fulfills the following requirements

1. The output matches the design specs

• All values are in rem
• Text elements follow the truncation rules
• hover state of the element follow design spec
• focus state of the element follow design spec
• active state of the element follow design spec
• selected state of the element follow design spec
• selected hover state of the element follow design spec
• pressed state of the element follow design spec
• Responsiveness rules - the component has modifier classes for all breakpoints
• Includes Compact/Cosy/Tablet design
• RTL support

2. The code follows fundamental-styles code standards and style

• only one top level fd-* class is used in the file
• BEM naming convention is used
• Mixins are used for repeatable code (fd-rtl, fd-ellipsis, fd-flex, fd-selected, fd-focus, ect.)
• A11y support - keyboard support, screenreader support, proper ARIA attributes, etc.
• fd-reset() mixin is applied to all elements
• Variables are used, if some value is used more than twice.
• Checked if current components can be reused, instead of having new code.

3. Testing

• tested Storybook examples with "CSS Resources" normalize option
• tested Storybook examples with "CSS Resources" unnormalize option
• Verified all styles in IE11
• Updated tests

4. Documentation

• Storybook documentation has been created/updated
• [n/a] Breaking Changes wiki has been updated in case of breaking changes.

[netlify]

✔️ Deploy preview for fundamental-styles ready!

🔨 Explore the source changes: 6b06474

🔍 Inspect the deploy logs: https://app.netlify.com/sites/fundamental-styles/deploys/5ffd3ba353f1db00090d097b

😎 Browse the preview: https://deploy-preview-2044--fundamental-styles.netlify.app