Added styling

co-authored-by: nthouliss <nthouliss@gmail.com>

src/components/Party.js

@@ -6,9 +6,13 @@ import PartyVideo from "./PartyVideo";
 
 function Party({ streams, localStreamId }) {
   return (
-    <Flex p={4} bg="highlight" sx={{ flexDirection: "column", width: "200px" }}>
+    <Flex
+      p={3}
+      bg="background"
+      sx={{ flexDirection: "column", width: "192px", minWidth: "192px" }}
+    >
       {Object.entries(streams).map(([id, stream]) => (
-        <PartyVideo key={id} stream={stream} muted={id === localStreamId}/>
+        <PartyVideo key={id} stream={stream} muted={id === localStreamId} />
       ))}
     </Flex>
   );