From fe98115394bda9a8af2fcec30aa883b64e763464 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Leonardo=20Mur=C3=A7a?= <leo@leomurca.xyz>
Date: Wed, 14 Sep 2022 15:14:37 -0300
Subject: [PATCH] Adjust registration box layout for desktop

---
 src/screens/Register/View.js   | 11 ++++++++---
 src/screens/Register/styles.js |  7 +++----
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/screens/Register/View.js b/src/screens/Register/View.js
index f6b9b25..79b524f 100644
--- a/src/screens/Register/View.js
+++ b/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>
   );
 }
 
diff --git a/src/screens/Register/styles.js b/src/screens/Register/styles.js
index a09cf88..3117046 100644
--- a/src/screens/Register/styles.js
+++ b/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 = {