[Content block cards] Lightbox overlay with video spacing

[RichKummer]

Description

There is no spacing between the video in the lightbox overlay triggered by Content block cards. Compare between the React build and Web components. This bug is present on RTL version as well, and seeing it on Chrome.

React

Web components

Component(s) impacted

Content block cards - with videos

Browser

Firefox

Carbon for IBM.com version

v1.31.0-rc.1

Severity

Severity 3 = The problem is visible or noticeable to users but does not impede the usability or functionality. Affects minor functionality, has a workaround.

Application/website

C4IBM.com

Package

@carbon/ibmdotcom-react

CodeSandbox example

https://codesandbox.io/s/github/carbon-design-system/carbon-for-ibm-dotcom/tree/main/packages/react/examples/codesandbox/components/LightboxMediaViewer

Steps to reproduce the issue (if applicable)

1. Open React storybook
2. Select Content block cards - with videos
3. Click one of the videos to trigger overlay

Release date (if applicable)

No response

Code of Conduct

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

[stale]

We've marked this issue as stale because there hasn't been any activity for 60 days. If there's no further activity on this issue in the next three days then we'll close it. You can keep the conversation going with just a short comment. Thanks for your contributions.

[stale]

We've marked this issue as stale because there hasn't been any activity for 60 days. If there's no further activity on this issue in the next three days then we'll close it. You can keep the conversation going with just a short comment. Thanks for your contributions.