login style fix

src/features/login/components/LoggedInComponent.js

@@ -11,7 +11,7 @@ import LoginComponent from "./LoginComponent";
 import { useTranslation } from "react-i18next";
 
 const useStyles = makeStyles(theme => ({
-  root: {
+  card: {
     minWidth: 350
   },
   onRight: {
@@ -19,6 +19,9 @@ const useStyles = makeStyles(theme => ({
   },
   avatar: {
     backgroundColor: theme.palette.primary.main
+  },
+  collapseContent: {
+    padding: 0
   }
 }));
 
@@ -32,7 +35,7 @@ const LoggedInComponent = ({ credentials, onChange, onLogin, onLogout }) => {
   };
 
   return (
-    <Card className={classes.root}>
+    <Card className={classes.card}>
       <CardHeader
         avatar={
           <Avatar aria-label="recipe" className={classes.avatar}>
@@ -63,7 +66,10 @@ const LoggedInComponent = ({ credentials, onChange, onLogin, onLogout }) => {
       </CardActions>
       <Divider />
       <Collapse in={expanded} timeout="auto" unmountOnExit>
-        <CardContent>
+        <CardContent
+          className={classes.collapseContent}
+          style={{ paddingBottom: "5px" }}
+        >
           <LoginComponent
             credentials={credentials}
             onChange={onChange}