Adjust registration box layout for desktop

src/screens/Register/View.js

@@ -1,4 +1,3 @@
-import { Fragment } from 'react';
 import {
   Box,
   Button,
@@ -37,7 +36,13 @@ function View({
   const currentYear = dayjs().year();
 
   return (
-    <Fragment>
+    <Container
+      sx={{
+        margin: '0 auto',
+        padding: '500px 0',
+      }}
+      disableGutters
+    >
       <Paper sx={paper} elevation={4} variant="elevation">
         <Box sx={boxForm}>
           <h1>Criar conta</h1>
@@ -188,7 +193,7 @@ function View({
         severity="error"
         message={error && error.message}
       />
-    </Fragment>
+    </Container>
   );
 }
 

src/screens/Register/styles.js

@@ -1,25 +1,24 @@
 // ========== Desktop  ==========
 const desktopPaper = {
-  width: '1500px',
-  height: '70%',
+  height: 'fit-content',
   display: 'flex',
   justifyContent: 'center',
   color: 'white',
   textAlign: 'center',
 };
-
 const baseBox = {
   width: '100%',
   height: '100%',
   display: 'flex',
   justifyContent: 'center',
   flexDirection: 'column',
-  padding: '0 70px',
+  padding: '30px 70px',
 };
 
 const desktopBoxLogo = {
   ...baseBox,
   backgroundColor: 'secondary.main',
+  height: 'auto',
 };
 
 const desktopBoxForm = {