From a26084b976475d835ab1ba3722c0953acdab2596 Mon Sep 17 00:00:00 2001
From: Bill <billsonnn@live.com>
Date: Wed, 16 Mar 2022 13:58:11 -0400
Subject: [PATCH] Fix css issue in room rights

---
 src/components/navigator/NavigatorView.scss   |  3 +--
 .../NavigatorRoomSettingsRightsTabView.tsx    | 26 ++++++++++---------
 2 files changed, 15 insertions(+), 14 deletions(-)

diff --git a/src/components/navigator/NavigatorView.scss b/src/components/navigator/NavigatorView.scss
index 76adf929..22b513ce 100644
--- a/src/components/navigator/NavigatorView.scss
+++ b/src/components/navigator/NavigatorView.scss
@@ -52,8 +52,7 @@
     width: 400px;
 
     .list-container {
-        min-height: 100px;
-        max-height: 100px;
+        height: 100px;
 
         .list-item {
             background-color: $grid-active-bg-color;
diff --git a/src/components/navigator/views/room-settings/views/NavigatorRoomSettingsRightsTabView.tsx b/src/components/navigator/views/room-settings/views/NavigatorRoomSettingsRightsTabView.tsx
index 902ae41d..0014543c 100644
--- a/src/components/navigator/views/room-settings/views/NavigatorRoomSettingsRightsTabView.tsx
+++ b/src/components/navigator/views/room-settings/views/NavigatorRoomSettingsRightsTabView.tsx
@@ -23,22 +23,24 @@ export const NavigatorRoomSettingsRightsTabView: FC<NavigatorRoomSettingsTabView
     }, [ roomSettingsData, handleChange ]);
 
     return (
-        <Grid overflow="auto">
+        <Grid>
             <Column size={ 6 }>
                 <Text bold>
                     { LocalizeText('navigator.flatctrls.userswithrights', [ 'displayed', 'total' ], [ roomSettingsData.usersWithRights.size.toString(), roomSettingsData.usersWithRights.size.toString() ]) }
                 </Text>
-                <Column fullWidth className="bg-white rounded list-container p-2" overflow="auto" gap={ 1 }>
-                    { Array.from(roomSettingsData.usersWithRights.entries()).map(([id, name], index) =>
-                        {
-                            return (
-                                <Flex key={ index } alignItems="center" gap={ 1 } overflow="hidden">
-                                    <UserProfileIconView userName={ name } />
-                                    <Text pointer grow key={index} onClick={ event => removeUserRights(id) }> { name }</Text>
-                                </Flex>
-                            );
-                        }) }
-                </Column>
+                <Flex overflow="hidden" className="bg-white rounded list-container p-2">
+                    <Column fullWidth overflow="auto" gap={ 1 }>
+                        { Array.from(roomSettingsData.usersWithRights.entries()).map(([id, name], index) =>
+                            {
+                                return (
+                                    <Flex key={ index } shrink alignItems="center" gap={ 1 } overflow="hidden">
+                                        <UserProfileIconView userName={ name } />
+                                        <Text pointer grow key={index} onClick={ event => removeUserRights(id) }> { name }</Text>
+                                    </Flex>
+                                );
+                            }) }
+                    </Column>
+                </Flex>
                 <Button variant="danger" disabled={ !roomSettingsData.usersWithRights.size } onClick={ removeAllRights } >
                     { LocalizeText('navigator.flatctrls.clear') }
                 </Button>