diff --git a/src/Facepile.jsx b/src/Facepile.jsx index aace9b1d..e19e6425 100644 --- a/src/Facepile.jsx +++ b/src/Facepile.jsx @@ -24,7 +24,11 @@ export function Facepile({
member.name).join(", ")} - style={{ width: participants.length * (_size - _overlap) + _overlap }} + style={{ + width: + Math.min(participants.length, max + 1) * (_size - _overlap) + + _overlap, + }} {...rest} > {participants.slice(0, max).map((member, i) => { diff --git a/src/room/PTTCallView.module.css b/src/room/PTTCallView.module.css index 76ef6998..f0538501 100644 --- a/src/room/PTTCallView.module.css +++ b/src/room/PTTCallView.module.css @@ -28,6 +28,7 @@ display: flex; flex-direction: column; margin: 20px; + text-align: center; } .participants > p {