diff --git a/client/src/UserList.tsx b/client/src/UserList.tsx
index 62e1cce..dec77a3 100644
--- a/client/src/UserList.tsx
+++ b/client/src/UserList.tsx
@@ -38,7 +38,6 @@ const UserList: React.FC<UserListProps> = (props: UserListProps) => {
   const { socketUrl, session, lobbyId } = props;
   const [users, setUsers] = useState<User[] | null>(null);
   const [peers, setPeers] = useState<Record<string, Peer>>({});
-  const [videoClass, setVideoClass] = useState<string>("Large");
 
   // Bot configuration state
   const [botConfigDialogOpen, setBotConfigDialogOpen] = useState(false);
@@ -127,7 +126,6 @@ const UserList: React.FC<UserListProps> = (props: UserListProps) => {
             user.local = user.session_id === session.id;
           });
           lobby_state.participants.sort(sortUsers);
-          setVideoClass(lobby_state.participants.length <= 2 ? "Medium" : "Small");
           setUsers(lobby_state.participants);
           break;
         default:
@@ -148,7 +146,7 @@ const UserList: React.FC<UserListProps> = (props: UserListProps) => {
   return (
     <Box sx={{ position: "relative", width: "100%" }}>
       <Paper
-        className={`UserList ${videoClass}`}
+        className={`UserList Medium`}
         sx={{
           maxWidth: { xs: "100%", sm: 500 },
           p: { xs: 1, sm: 2 },
@@ -211,7 +209,7 @@ const UserList: React.FC<UserListProps> = (props: UserListProps) => {
               </Box>
               {user.name && user.live && peers[user.session_id] && (user.local || user.has_media !== false) ? (
                 <MediaControl
-                  className={videoClass}
+                  className="Medium"
                   key={user.session_id}
                   peer={peers[user.session_id]}
                   isSelf={user.local}