From cb3d914846b5ce5e5d7df6772a82232350ae2007 Mon Sep 17 00:00:00 2001
From: ayumi-signal <143036029+ayumi-signal@users.noreply.github.com>
Date: Thu, 18 Jan 2024 12:13:05 -0800
Subject: [PATCH] Fix pip remote video

---
 stylesheets/_modules.scss | 24 ++++++++++++++----------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/stylesheets/_modules.scss b/stylesheets/_modules.scss
index e72456cf6..3833ad8b9 100644
--- a/stylesheets/_modules.scss
+++ b/stylesheets/_modules.scss
@@ -3922,6 +3922,20 @@ button.module-image__border-overlay:focus {
         opacity: 1;
       }
     }
+
+    .module-ongoing-call__group-call-remote-participant {
+      // Only apply container-type: size to grid/overflow column to prevent size collapse
+      // for implicitly sized participants (PiP)
+      container-type: size;
+      $group-call-remote-participant-footer-padding-large: 16px;
+
+      @container (min-width: 180px) or (min-height: 180px) {
+        .module-ongoing-call__group-call-remote-participant__footer {
+          padding-block: 0 $group-call-remote-participant-footer-padding-large;
+          padding-inline: $group-call-remote-participant-footer-padding-large;
+        }
+      }
+    }
   }
 
   &__group-call--pagination-tile {
@@ -3953,8 +3967,6 @@ button.module-image__border-overlay:focus {
   }
 
   &__group-call-remote-participant {
-    container-type: size;
-
     display: flex;
     justify-content: center;
     position: relative;
@@ -3970,14 +3982,6 @@ button.module-image__border-overlay:focus {
     }
 
     $group-call-remote-participant-footer-padding-medium: 12px;
-    $group-call-remote-participant-footer-padding-large: 16px;
-
-    @container (min-width: 180px) or (min-height: 180px) {
-      .module-ongoing-call__group-call-remote-participant__footer {
-        padding-block: 0 $group-call-remote-participant-footer-padding-large;
-        padding-inline: $group-call-remote-participant-footer-padding-large;
-      }
-    }
 
     &:after {
       content: '';