[Dialog] - Long title makes dialog content to overflow in small screens

[MarcServat]

Description

Given a Dialog component that has a Form as a children with the stickyFooter prop
When rendered in a mobile screen width
Then the dialog content is push down and overflows the dialog boundaries.

Reproduction

https://stackblitz.com/edit/parsium-carbon-starter-h5jjs3?file=src%2FApp.tsx

Steps to reproduce

1. Open the link https://stackblitz.com/edit/parsium-carbon-starter-h5jjs3?file=src%2FApp.tsx
2. Scroll down the dialog content

JIRA ticket numbers (Sage only)

No response

Suggested solution

Given a Dialog component that has a Form as a children with the stickyFooter prop
When rendered in a mobile screen width
Then the dialog content is stays inside the dialog

Carbon version

142.9.1

Design tokens version

4.29.0

Relevant browsers

Chrome

Relevant OSs

MacOS

Additional context

No response

Confidentiality

• I confirm there is no confidential or commercially sensitive information included.

[edleeks87]

FE-6816