From 57e2641f92cf5db8a5ccd7d9d0cce34123c5d675 Mon Sep 17 00:00:00 2001
From: langemike <mikevv@gmail.com>
Date: Thu, 30 May 2024 10:22:04 +0200
Subject: [PATCH] fix(a11y): make related videos section semantically correct

Co-authored-by: Mike van Veenhuijzen <mike@videodock.com>
---
 packages/ui-react/src/components/VideoLayout/VideoLayout.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/ui-react/src/components/VideoLayout/VideoLayout.tsx b/packages/ui-react/src/components/VideoLayout/VideoLayout.tsx
index 5fe5b5f98..13e0e5749 100644
--- a/packages/ui-react/src/components/VideoLayout/VideoLayout.tsx
+++ b/packages/ui-react/src/components/VideoLayout/VideoLayout.tsx
@@ -194,7 +194,7 @@ const VideoLayout: React.FC<Props> = ({
       primaryMetadata={primaryMetadata}
       secondaryMetadata={secondaryMetadata}
     >
-      {playlist && <div className={styles.relatedVideos}>{renderRelatedVideos(true)}</div>}
+      {playlist && <section className={styles.relatedVideos}>{renderRelatedVideos(true)}</section>}
       {children}
       {player}
     </VideoDetails>