From 103de33aa5e0602fa3971d9cf31baaeb4dbab00b Mon Sep 17 00:00:00 2001
From: Antoine Jaussoin <antoinejaussoin@users.noreply.github.com>
Date: Tue, 18 Jul 2023 21:37:36 +0100
Subject: [PATCH] Ensure long list of users doesn't overflow (#561)

---
 frontend/src/views/game/footer/GameFooter.tsx | 1 +
 frontend/src/views/game/footer/Users.tsx      | 1 +
 2 files changed, 2 insertions(+)

diff --git a/frontend/src/views/game/footer/GameFooter.tsx b/frontend/src/views/game/footer/GameFooter.tsx
index 994208c66..2b58ad3df 100644
--- a/frontend/src/views/game/footer/GameFooter.tsx
+++ b/frontend/src/views/game/footer/GameFooter.tsx
@@ -145,6 +145,7 @@ const EndControlsContainer = styled.div`
 const UsersContainer = styled.div`
   grid-area: users;
   padding-left: 10px;
+  overflow-x: scroll;
 `;
 
 const TimerContainer = styled.div`
diff --git a/frontend/src/views/game/footer/Users.tsx b/frontend/src/views/game/footer/Users.tsx
index 2a13bb09b..925694241 100644
--- a/frontend/src/views/game/footer/Users.tsx
+++ b/frontend/src/views/game/footer/Users.tsx
@@ -7,6 +7,7 @@ import useSession from '../useSession';
 export default function Users() {
   const { participants } = useParticipants();
   const { session } = useSession();
+
   return (
     <AvatarGroup
       max={50}