From 474befc20ba0b7333303587fb75b9e8b8772ad9d Mon Sep 17 00:00:00 2001
From: hzrd149 <github@hzrd149.com>
Date: Mon, 16 Oct 2023 15:26:51 -0500
Subject: [PATCH] fix youtube embeds

---
 src/components/embed-types/youtube.tsx | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/components/embed-types/youtube.tsx b/src/components/embed-types/youtube.tsx
index 33f6e3535..3274a6f80 100644
--- a/src/components/embed-types/youtube.tsx
+++ b/src/components/embed-types/youtube.tsx
@@ -34,14 +34,13 @@ export function renderYoutubeUrl(match: URL) {
     embedUrl.searchParams.set("list", listId);
 
     return (
-      <AspectRatio ratio={560 / 315} maxWidth="40rem">
+      <AspectRatio ratio={560 / 315} maxWidth="40rem" zIndex={1} position="relative">
         <iframe
           src={embedUrl.toString()}
           title="YouTube video player"
           frameBorder="0"
           allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share; fullscreen"
           width="100%"
-          style={{ zIndex: 1, position: "relative" }}
         ></iframe>
       </AspectRatio>
     );
@@ -52,14 +51,13 @@ export function renderYoutubeUrl(match: URL) {
     const embedUrl = new URL(`/embed/${videoId}`, youtubeRedirect || "https://www.youtube-nocookie.com");
 
     return (
-      <AspectRatio ratio={16 / 10} maxWidth="40rem">
+      <AspectRatio ratio={16 / 10} maxWidth="40rem" zIndex={1} position="relative">
         <iframe
           src={embedUrl.toString()}
           title="YouTube video player"
           frameBorder="0"
           allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; fullscreen"
           width="100%"
-          style={{ zIndex: 1, position: "relative" }}
         ></iframe>
       </AspectRatio>
     );