[Bug]: Using a Skeleton Button within a Composed Modal messes with the animation

[ychavoya]

Package

@carbon/react

Browser

Firefox, Chrome

Package version

v1.68

React version

v18.2

Description

When adding a Skeleton Button in a Composed Modal Footer, some padding styling for the button messes with the loading animation so it displays slightly below where it's supposed to be.

As a workaround our team can use the loadingStatus prop of the ModalFooter, but it may not be the case for other teams, that is why I am creating this issue

Reproduction/example

https://stackblitz.com/edit/github-tzhljf?file=src%2FApp.jsx

Steps to reproduce

• Add a <ButtonSkeleton /> component inside a <ModalFooter>

Suggested Severity

Severity 3 = User can complete task, and/or has a workaround within the user experience of a given component.

Application/PAL

No response

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems