From 94c659558e09d113904f5d4beb624d0c9d1fab43 Mon Sep 17 00:00:00 2001
From: Tilman Vatteroth <git@tilmanvatteroth.de>
Date: Sat, 4 Feb 2023 14:27:41 +0100
Subject: [PATCH] fix(frontend): Fix ratio of vimeo frame

Signed-off-by: Tilman Vatteroth <git@tilmanvatteroth.de>
---
 .../vimeo/__snapshots__/vimeo-frame.test.tsx.snap              | 3 +--
 .../src/extensions/extra-integrations/vimeo/vimeo-frame.tsx    | 3 +--
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/frontend/src/extensions/extra-integrations/vimeo/__snapshots__/vimeo-frame.test.tsx.snap b/frontend/src/extensions/extra-integrations/vimeo/__snapshots__/vimeo-frame.test.tsx.snap
index 5cf521d31..3a35c0622 100644
--- a/frontend/src/extensions/extra-integrations/vimeo/__snapshots__/vimeo-frame.test.tsx.snap
+++ b/frontend/src/extensions/extra-integrations/vimeo/__snapshots__/vimeo-frame.test.tsx.snap
@@ -5,11 +5,10 @@ exports[`VimeoFrame renders a click shield 1`] = `
   <span>
     This is a click shield for 
     <span
-      class="embed-responsive embed-responsive-16by9"
+      class="ratio ratio-16x9 d-inline-block"
     >
       <iframe
         allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
-        class="embed-responsive-item"
         src="https://player.vimeo.com/video/validVimeoId?autoplay=1"
         title="vimeo video of validVimeoId"
       />
diff --git a/frontend/src/extensions/extra-integrations/vimeo/vimeo-frame.tsx b/frontend/src/extensions/extra-integrations/vimeo/vimeo-frame.tsx
index 437f3d083..166824d7d 100644
--- a/frontend/src/extensions/extra-integrations/vimeo/vimeo-frame.tsx
+++ b/frontend/src/extensions/extra-integrations/vimeo/vimeo-frame.tsx
@@ -43,9 +43,8 @@ export const VimeoFrame: React.FC<IdProps> = ({ id }) => {
       onImageFetch={getPreviewImageLink}
       fallbackBackgroundColor={'#00adef'}
       data-cypress-id={'click-shield-vimeo'}>
-      <span className={'embed-responsive embed-responsive-16by9'}>
+      <span className={'ratio ratio-16x9 d-inline-block'}>
         <iframe
-          className='embed-responsive-item'
           title={`vimeo video of ${id}`}
           src={`https://player.vimeo.com/video/${id}?autoplay=1`}
           allow='accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture'