From b046c4b569993691cea20f88e1bb4dceca4fad27 Mon Sep 17 00:00:00 2001
From: Valere <bill.carson@valrsoft.com>
Date: Mon, 27 Jul 2026 15:43:35 +0200
Subject: [PATCH 1/2] fix: Safari preview tile no video is 16px wide only

---
 src/room/VideoPreview.module.css | 7 +------
 1 file changed, 1 insertion(+), 6 deletions(-)

diff --git a/src/room/VideoPreview.module.css b/src/room/VideoPreview.module.css
index d89381eb6..849ed58dd 100644
--- a/src/room/VideoPreview.module.css
+++ b/src/room/VideoPreview.module.css
@@ -10,6 +10,7 @@ Please see LICENSE in the repository root for full details.
   margin-right: var(--content-inset-right);
   min-block-size: 0;
   block-size: 50vh;
+  aspect-ratio: 16 / 9;
   border-radius: var(--cpd-space-4x);
   position: relative;
   overflow: hidden;
@@ -66,12 +67,6 @@ video.mirror {
   );
 }
 
-@media (min-aspect-ratio: 1 / 1) {
-  .preview > video {
-    aspect-ratio: 16 / 9;
-  }
-}
-
 @media (max-width: 550px) {
   .preview {
     margin-inline: 0;

From 53ae78c609acc8644ac64886e0d907455c4d8d7d Mon Sep 17 00:00:00 2001
From: Valere <bill.carson@valrsoft.com>
Date: Mon, 27 Jul 2026 17:25:56 +0200
Subject: [PATCH 2/2] break ratio when tile bigger than screen

---
 src/room/VideoPreview.module.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/room/VideoPreview.module.css b/src/room/VideoPreview.module.css
index 849ed58dd..c92404365 100644
--- a/src/room/VideoPreview.module.css
+++ b/src/room/VideoPreview.module.css
@@ -11,6 +11,7 @@ Please see LICENSE in the repository root for full details.
   min-block-size: 0;
   block-size: 50vh;
   aspect-ratio: 16 / 9;
+  max-width: 100%;
   border-radius: var(--cpd-space-4x);
   position: relative;
   overflow: hidden;