From 9fd80d45752b11ad2a67e49c7830dbdbc0719988 Mon Sep 17 00:00:00 2001
From: overflowerror <mail@overflowerror.com>
Date: Sun, 15 Aug 2021 18:33:43 +0200
Subject: [PATCH] some cleanup

---
 frontend/src/App.css                   |  4 ++++
 frontend/src/pages/Dashboard/index.tsx | 15 ++++++++-------
 frontend/src/pages/Login/index.tsx     |  2 +-
 3 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/frontend/src/App.css b/frontend/src/App.css
index b0cd41d..1a47b03 100644
--- a/frontend/src/App.css
+++ b/frontend/src/App.css
@@ -1,3 +1,7 @@
 body {
     background-color: lightgrey;
+}
+
+#root {
+    padding: 20px;
 }
\ No newline at end of file
diff --git a/frontend/src/pages/Dashboard/index.tsx b/frontend/src/pages/Dashboard/index.tsx
index dcba311..d20da62 100644
--- a/frontend/src/pages/Dashboard/index.tsx
+++ b/frontend/src/pages/Dashboard/index.tsx
@@ -44,8 +44,9 @@ const Dashboard: FunctionComponent<DashboardProps> = () => {
             })
     }, [])
 
-    return <div style={{
-        marginTop: "40px"
+    return <Grid container style={{
+        marginTop: "40px",
+        boxSizing: "border-box",
     }}>
         { loading &&
             <CircularProgress />
@@ -57,11 +58,11 @@ const Dashboard: FunctionComponent<DashboardProps> = () => {
                 No accounts yet.
             </Typography>
         }
-        <Grid container xs={12} spacing={4}>
+        <Grid item container spacing={4}>
         {
             accounts.map((account) => {
-                return <>
-                    <Grid item xs={4}>
+                return (
+                    <Grid item xs={4} key={account.id}>
                         <Card>
                             <CardHeader
                                 avatar={
@@ -76,13 +77,13 @@ const Dashboard: FunctionComponent<DashboardProps> = () => {
                             />
                         </Card>
                     </Grid>
-                </>
+                )
             })
         }
         </Grid>
 
         <MessageBox {...message} />
-    </div>
+    </Grid>
 }
 
 export default Dashboard
\ No newline at end of file
diff --git a/frontend/src/pages/Login/index.tsx b/frontend/src/pages/Login/index.tsx
index 9ac0589..452831c 100644
--- a/frontend/src/pages/Login/index.tsx
+++ b/frontend/src/pages/Login/index.tsx
@@ -37,7 +37,7 @@ const Login = () => {
     }
 
     return (
-        <Grid container xs={12} justifyContent="center">
+        <Grid container justifyContent="center">
             <Grid item container xs={4} spacing={2}>
                 <Formik<LoginFormProps>
                     initialValues={{