Regression: Double Scrollbars on tables (#19980)

client/components/ScrollableContentWrapper.tsx

@@ -6,7 +6,7 @@ import { useDir } from '../hooks/useDir';
 
 
 const styleDefault = {
-	maxHeight: '100%', flexGrow: 1, overflowY: 'auto', willChange: 'transform',
+	height: '100%', flexGrow: 1, overflowY: 'auto', willChange: 'transform', width: '100%',
 };
 
 type CustomScrollbarsProps = {

client/views/room/contextualBar/Discussions/index.js

@@ -215,7 +215,7 @@ export function DiscussionList({ total = 10, discussions = [], loadMoreItems, lo
 			<Box display='flex' flexDirection='row' p='x24' borderBlockEndWidth='x2' borderBlockEndStyle='solid' borderBlockEndColor='neutral-200' flexShrink={0}>
 				<TextInput placeholder={t('Search_Messages')} value={text} onChange={setText} addon={<Icon name='magnifier' size='x20'/>}/>
 			</Box>
-			<Box flexGrow={1} flexShrink={1} ref={ref} overflow='hidden'>
+			<Box flexGrow={1} flexShrink={1} ref={ref} overflow='hidden' display='flex'>
 				{error && <Callout mi='x24' type='danger'>{error.toString()}</Callout>}
 				{total === 0 && <Box p='x24'>{t('No_Discussions_found')}</Box>}
 				{!error && total > 0 && <InfiniteLoader

client/views/room/contextualBar/Threads/index.js

@@ -258,7 +258,7 @@ export function ThreadList({ total = 10, threads = [], room, unread = [], unread
 					</Margins>
 				</Box>
 			</Box>
-			<Box flexGrow={1} flexShrink={1} ref={ref} overflow='hidden'>
+			<Box flexGrow={1} flexShrink={1} ref={ref} overflow='hidden' display='flex'>
 				{error && <Callout mi='x24' type='danger'>{error.toString()}</Callout>}
 				{total === 0 && <Box p='x24'>{t('No_Threads')}</Box>}
 				{!error && total > 0 && <InfiniteLoader