Better map

client/src/pages/Settings.tsx

@@ -5,7 +5,7 @@ import { CreateField } from "../interfaces/create"
 import { IUser } from "../interfaces/user"
 import FormFields from "../components/FormFields"
 import AuthService from "../services/AuthService"
-import { Flex } from "@mantine/core"
+import { Flex, ScrollAreaAutosize } from "@mantine/core"
 
 export default function Settings() {
     const { token } = useAuthStore()
@@ -39,10 +39,9 @@ export default function Settings() {
     ]
 
     return (
-        <Flex
-            direction='column'
-            align='flex-start'
-            gap='sm'
+        <ScrollAreaAutosize
+            w={'100%'}
+            h={'100%'}
             p='sm'
         >
             {currentUser &&
@@ -64,6 +63,6 @@ export default function Settings() {
                     />
                 </Flex>
             }
-        </Flex>
+        </ScrollAreaAutosize>
     )
 }