From 6eb7250c5328ada78dd8a135f76803f1eb589ad8 Mon Sep 17 00:00:00 2001
From: PhilReact <philliplangmartinez@gmail.com>
Date: Tue, 3 Dec 2024 12:46:20 +0200
Subject: [PATCH] added max width and height to reaction list

---
 src/components/Chat/MessageItem.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/Chat/MessageItem.tsx b/src/components/Chat/MessageItem.tsx
index 507fc12..bd2d86c 100644
--- a/src/components/Chat/MessageItem.tsx
+++ b/src/components/Chat/MessageItem.tsx
@@ -296,7 +296,11 @@ export const MessageItem = ({
                 <Typography variant="subtitle1" sx={{ marginBottom: 1 }}>
                   People who reacted with {selectedReaction}
                 </Typography>
-                <List>
+                <List sx={{
+                  overflow: 'auto',
+                  maxWidth: '300px',
+                  maxHeight: '300px'
+                }}>
                   {reactions[selectedReaction]?.map((reactionItem) => (
                     <ListItem key={reactionItem.sender}>
                       <ListItemText