From 856e24c7a9b671314b6a11148898c41a02b1f103 Mon Sep 17 00:00:00 2001
From: deni <31352787+oceansync@users.noreply.github.com>
Date: Tue, 26 May 2026 20:24:53 +0300
Subject: [PATCH] fix(ui): make YouTube embeds responsive on mobile

Closes #8452. Prevents horizontal overflow caused by fixed-width iframes.
---
 src/styles/index.css | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/styles/index.css b/src/styles/index.css
index 7bdf4c76590..2a3288045fb 100644
--- a/src/styles/index.css
+++ b/src/styles/index.css
@@ -755,3 +755,11 @@ ol.mdx-illustration-block {
 .uwu .uwu-hidden {
   display: none;
 }
+
+iframe[src^="https://www.youtube.com/embed/"]
+{
+  width: 100% !important;
+  aspect-ratio: 16 / 9 !important;
+  height: auto !important;
+  display: block !important;
+}