From c62c667436bbe3f83bdb489c0f316fa450a38970 Mon Sep 17 00:00:00 2001
From: infinite-persistence <inf.persistence@gmail.com>
Date: Fri, 23 Jul 2021 10:56:32 +0800
Subject: [PATCH] CLS: reserve space for injected video ads

---
 ui/scss/component/_ads.scss | 4 ++++
 web/component/ads/view.jsx  | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/ui/scss/component/_ads.scss b/ui/scss/component/_ads.scss
index d55edb8d2..a91fce336 100644
--- a/ui/scss/component/_ads.scss
+++ b/ui/scss/component/_ads.scss
@@ -33,6 +33,10 @@
     min-width: 15rem;
   }
 
+  .ads__injected-video {
+    aspect-ratio: 16 / 9;
+  }
+
   .avp-p-gui {
     z-index: 1 !important;
   }
diff --git a/web/component/ads/view.jsx b/web/component/ads/view.jsx
index 5160593fd..e20cfcf84 100644
--- a/web/component/ads/view.jsx
+++ b/web/component/ads/view.jsx
@@ -82,7 +82,7 @@ function Ads(props: Props) {
 
   const videoAd = (
     <div className="ads__claim-item">
-      <div id="62d1eb10-e362-4873-99ed-c64a4052b43b" />
+      <div id="62d1eb10-e362-4873-99ed-c64a4052b43b" className="ads__injected-video" />
       <div
         className={classnames('ads__claim-text', {
           'ads__claim-text--small': small,