Issue: Card preview content overflowing / misaligned after skeleton/preview changes

[whizzel]

Summary
After recent skeleton/preview changes the preview card content (e.g. the Chat demo) appears clipped and scaled oddly in some layouts (see attached screenshots). The preview container is scaling/overflowing and the demo inside (chat widget) can exceed the card boundaries causing visual artifacts and misalignment in docs.

before

---

Acceptance Criteria

[github-actions]

Welcome, @ivishal-g! Thanks for raising the issue.
Soon the maintainers/owner will review it and provide you with feedback/suggestions.
Make sure to star this awesome repository and follow the account!

• DevUI

[whizzel]

@fahimahammed can you assign this issue to me plz?