Better map

client/src/pages/Roles.tsx

@@ -3,7 +3,7 @@ import { useRoles } from '../hooks/swrHooks'
 import { CreateField } from '../interfaces/create'
 import RoleService from '../services/RoleService'
 import FormFields from '../components/FormFields'
-import { Button, Flex, Loader, Modal, Table } from '@mantine/core'
+import { Button, Loader, Modal, ScrollAreaAutosize, Table } from '@mantine/core'
 import { useDisclosure } from '@mantine/hooks'
 
 export default function Roles() {
@@ -26,7 +26,7 @@ export default function Roles() {
   if (isLoading) return <Loader />
 
   return (
-    <Flex direction='column' align='flex-start' gap='sm' p='sm'>
+    <ScrollAreaAutosize w={'100%'} h={'100%'} p='sm'>
       <Button onClick={open}>
         Добавить роль
       </Button>
@@ -78,6 +78,6 @@ export default function Roles() {
         onProcessRowUpdateError={() => {
         }}
       /> */}
-    </Flex>
+    </ScrollAreaAutosize>
   )
 }