M app/src/containers/DashboardEvents/EventCard.js → app/src/containers/DashboardEvents/EventCard.js

@@ -15,13 +15,13 @@ <CardContent>
         <Typography gutterBottom variant="h6" component="h3">
           {event.name}
         </Typography>
-        <Typography variant="outlined">
+        <Typography variant="overline">
           {t('event.fields.starts_on')}
         </Typography>
         <Typography variant="body2" gutterBottom>
           {event.date || t('event.fields.empty')}
         </Typography>
-        <Typography variant="outlined">{t('event.fields.address')}</Typography>
+        <Typography variant="overline">{t('event.fields.address')}</Typography>
         <Typography variant="body2" gutterBottom>
           {event.address || t('event.fields.empty')}
         </Typography>

M app/src/containers/ErrorBoundary/LogoutAndRedirect.js → app/src/containers/ErrorBoundary/LogoutAndRedirect.js

@@ -6,7 +6,7 @@ const LogoutAndRedirect = () => {
   const {logout, token} = useAuth();
   useEffect(() => {
     logout();
-  }, []);
+  }, [logout]);
   if (token) return null;
   return <Redirect to="/" />;
 };

M app/src/containers/SignInForm/index.js → app/src/containers/SignInForm/index.js

@@ -110,7 +110,7 @@ </Typography>
         </RouterLink>
       </CardContent>
       <CardActions className={classes.actions} align="center">
-        <Button id="SignInRegister" href="/register" size="small">
+        <Button size="small" id="SignInRegister" href="/register">
           {t('signin.register')}
         </Button>
         <Button
@@ -137,7 +137,6 @@ const useStyles = makeStyles(theme => ({
   content: {
     display: 'flex',
     flexDirection: 'column',
-    alignItems: 'center',
   },
   loader: {
     marginLeft: '14px',