fix loading row directory

RocketChat · Apr 13, 2020 · cb2e636 · cb2e636
1 parent 562cc26
commit cb2e636
Showing 1 changed file with 8 additions and 10 deletions.
diff --git a/app/ui/client/views/app/components/Directory/DirectoryTable.js b/app/ui/client/views/app/components/Directory/DirectoryTable.js
@@ -27,17 +27,15 @@ export function Markdown({ children, ...props }) {
 
 const LoadingRow = ({ cols }) => <Table.Row>
 	<Table.Cell>
-		<Flex.Container>
-			<Box>
-				<Flex.Item>
-					<Skeleton variant='rect' height={40} width={40} />
-				</Flex.Item>
-				<Box mi='x8' grow={1}>
-					<Skeleton width='100%' />
-					<Skeleton width='100%' />
-				</Box>
+		<Box display='flex'>
+			<Flex.Item>
+				<Skeleton variant='rect' height={40} width={40} />
+			</Flex.Item>
+			<Box mi='x8' flexGrow={1}>
+				<Skeleton width='100%' />
+				<Skeleton width='100%' />
 			</Box>
-		</Flex.Container>
+		</Box>
 	</Table.Cell>
 	{ Array.from({ length: cols - 1 }, (_, i) => <Table.Cell key={i}>
 		<Skeleton width='100%' />