diff --git a/packages/docs/site/src/css/custom.css b/packages/docs/site/src/css/custom.css
index b8fb50848b..d567f2e33d 100644
--- a/packages/docs/site/src/css/custom.css
+++ b/packages/docs/site/src/css/custom.css
@@ -109,3 +109,10 @@ li.footer__item a:hover {
 .footerLogoLink_mPrW {
 	opacity: 1 !important;
 }
+
+iframe {
+	aspect-ratio: 16/9;
+	max-width: 100%;
+	display: block;
+	height: auto;
+}