From 33a0653ea52b3f4ef458ae2f7d4a67b3c74aa408 Mon Sep 17 00:00:00 2001
From: Robin <robin@robin.town>
Date: Tue, 18 Aug 2026 17:49:14 +0200
Subject: [PATCH] Fix lobby video preview losing its rounded corners in Firefox

Same fix as e1bc4a096b0385047371a4fd7546ecc78c0afdbf, but for the video preview in the lobby.
---
 src/room/VideoPreview.module.css | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/room/VideoPreview.module.css b/src/room/VideoPreview.module.css
index c92404365..67eae10bb 100644
--- a/src/room/VideoPreview.module.css
+++ b/src/room/VideoPreview.module.css
@@ -22,6 +22,9 @@ Please see LICENSE in the repository root for full details.
   height: 100%;
   object-fit: cover;
   background-color: var(--video-tile-background);
+  /* In FF if you add a transform: scale/translate/matrix filter on an element,
+  it'll ignore the parents' border-radius, so force back the radius to avoid UI glitch*/
+  border-radius: inherit;
 }
 
 video.mirror {