From 1bfb57a50ed19248925d685e7e79804a641e96ec Mon Sep 17 00:00:00 2001
From: Sangeetha Babu <sangeetha9223@gmail.com>
Date: Wed, 31 Jan 2024 18:54:42 +0530
Subject: [PATCH] fix(video player): thumbnail and play button issue (#11450)

### Related Ticket(s)

Closes #11399

### Description

Video component has no play button and thumbnail is not correctly displayed.

### Changelog

**Changed**

- `padding-block-start` css property for the `c4d-image` component is changed to 0.

<!-- React and Web Component deploy previews are enabled by default. -->
<!-- To enable additional available deploy previews, apply the following -->
<!-- labels for the corresponding package: -->
<!-- *** "test: e2e": Codesandbox examples and e2e integration tests -->
<!-- *** "package: services": Services -->
<!-- *** "package: utilities": Utilities -->
<!-- *** "RTL": React / Web Components (RTL) -->
<!-- *** "feature flag": React / Web Components (experimental) -->
---
 .../styles/scss/components/video-player/_video-player.scss     | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/packages/styles/scss/components/video-player/_video-player.scss b/packages/styles/scss/components/video-player/_video-player.scss
index f7cfc22bd16..46a855c764d 100644
--- a/packages/styles/scss/components/video-player/_video-player.scss
+++ b/packages/styles/scss/components/video-player/_video-player.scss
@@ -38,6 +38,9 @@ $aspect-ratios: ((16, 9), (9, 16), (2, 1), (1, 2), (4, 3), (3, 4), (1, 1));
         }
       }
     }
+    #{$c4d-prefix}-image {
+      padding-block-start: 0;
+    }
   }
 
   :host(#{$c4d-prefix}-video-player[background-mode='true']),