From 4ac071422abe71d0a1df11b2633d3ef8f2160ce6 Mon Sep 17 00:00:00 2001
From: Mathias Wagner <germannewsmaker@gmail.com>
Date: Sun, 21 Jul 2024 15:22:58 +0200
Subject: [PATCH] Fix bug in Groups.jsx

---
 dashboard/src/states/Dashboard/pages/Groups/Groups.jsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/dashboard/src/states/Dashboard/pages/Groups/Groups.jsx b/dashboard/src/states/Dashboard/pages/Groups/Groups.jsx
index 7a26b1a..80fb188 100644
--- a/dashboard/src/states/Dashboard/pages/Groups/Groups.jsx
+++ b/dashboard/src/states/Dashboard/pages/Groups/Groups.jsx
@@ -81,11 +81,11 @@ export const Groups = () => {
                                 <Typography variant="h5" fontWeight={600}>{group.name}</Typography>
                             </Stack>
                             <Typography variant="body2" color="text.secondary">{group.description}</Typography>
-                            <Stack direction="row" gap={1} alignItems="center">
+                            <Stack direction="row" gap={1} alignItems="center" flexWrap="wrap" sx={{mt: 1}}>
                                 {group.permissions.map((permission, index) => (
-                                    <Chip key={index} label={permission} sx={{mt: 1}} onDelete={() => removeFromGroup(group, permission)}/>
+                                    <Chip key={index} label={permission} onDelete={() => removeFromGroup(group, permission)}/>
                                 ))}
-                                <Chip color="primary" label="+" sx={{mt: 1}} onClick={() => setSelectedGroup(group)}/>
+                                <Chip color="primary" label="+" onClick={() => setSelectedGroup(group)}/>
                             </Stack>
                         </Stack>