From c1cf91dde62aaf9aa18f90c81df5742f61258416 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Leonardo=20Mur=C3=A7a?= <leo@leomurca.xyz>
Date: Tue, 9 Aug 2022 22:45:15 -0300
Subject: [PATCH] Fix class grid alignment

---
 src/screens/Classroom/View.js   | 10 +++++-----
 src/screens/Classroom/styles.js |  1 +
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/screens/Classroom/View.js b/src/screens/Classroom/View.js
index 6dd0677..d6ac983 100644
--- a/src/screens/Classroom/View.js
+++ b/src/screens/Classroom/View.js
@@ -78,7 +78,7 @@ function View({
         )}
         {announcementsTabData === null ? (
           <Grid sx={container} container spacing={2}>
-            <Grid item xs={4}>
+            <Grid sx={{ padding: '0 !important' }} item xs={4}>
               {createArrayFrom1ToN(2).map(i => (
                 <Skeleton
                   key={i}
@@ -89,7 +89,7 @@ function View({
                 />
               ))}
             </Grid>
-            <Grid item xs={8}>
+            <Grid sx={{ paddingTop: '0 !important' }} item xs={8}>
               {createArrayFrom1ToN(4).map(i => (
                 <Skeleton
                   key={i}
@@ -103,7 +103,7 @@ function View({
           </Grid>
         ) : (
           <Grid sx={container} container spacing={2}>
-            <Grid item xs={4}>
+            <Grid sx={{ padding: '0 !important' }} item xs={4}>
               <Stack gap="30px">
                 <Card
                   sx={{ width: '100%', padding: '20px' }}
@@ -144,9 +144,9 @@ function View({
                 </Card>
               </Stack>
             </Grid>
-            <Grid item xs={8}>
+            <Grid sx={{ paddingTop: '0 !important' }} item xs={8}>
               <Stack
-                sx={{ width: '100%' }}
+                sx={{ width: '100%', paddingTop: 0 }}
                 alignItems="center"
                 justifyContent="center"
                 flexWrap="wrap"
diff --git a/src/screens/Classroom/styles.js b/src/screens/Classroom/styles.js
index c68b8c0..237001f 100644
--- a/src/screens/Classroom/styles.js
+++ b/src/screens/Classroom/styles.js
@@ -8,6 +8,7 @@ const desktopContainer = {
   height: '100vh',
   backgroundColor: '#red',
   padding: 0,
+  margin: 0,
   marginTop: '50px',
 };