equalize Grid height

src/components/Dashboard/Council.tsx

@@ -17,6 +17,7 @@ import { Council, Post, ProposalDetail, Status } from "../../types";
 
 const useStyles = makeStyles((theme: Theme) =>
   createStyles({
+    grid: { textAlign: "center", backgroundColor: "#000", color: "#fff" },
     root: {
       flexGrow: 1,
       backgroundColor: "#4038FF",
@@ -25,6 +26,14 @@ const useStyles = makeStyles((theme: Theme) =>
       textAlign: "left",
       flexGrow: 1,
     },
+    paper: {
+      textAlign: "center",
+      backgroundColor: "#4038FF",
+      color: "#fff",
+      minHeight: 600,
+      maxHeight: 600,
+      overflow: "auto",
+    },
   })
 );
 
@@ -38,15 +47,8 @@ const CouncilGrid = (props: {
   electionPeriods: number[];
   gridSize: GridSize;
 }) => {
-  const {
-    getMember,
-    councils,
-    domain,
-    posts,
-    proposals,
-    status,
-    gridSize,
-  } = props;
+  const { getMember, councils, domain, posts, proposals, status, gridSize } =
+    props;
   const { council, election } = status;
   const classes = useStyles();
 
@@ -56,21 +58,8 @@ const CouncilGrid = (props: {
     );
 
   return (
-    <Grid
-      style={{ textAlign: "center", backgroundColor: "#000", color: "#fff" }}
-      item
-      lg={gridSize}
-      xs={12}
-    >
-      <Paper
-        style={{
-          textAlign: "center",
-          backgroundColor: "#4038FF",
-          color: "#fff",
-          height: 500,
-          overflow: "auto",
-        }}
-      >
+    <Grid className={classes.grid} item lg={gridSize} xs={12}>
+      <Paper className={classes.paper}>
         <AppBar className={classes.root} position="static">
           <Toolbar>
             <Typography variant="h6" className={classes.title}>

src/components/Dashboard/Forum.tsx

@@ -46,7 +46,7 @@ const Forum = (props: { posts: Post[]; threads: Thread[] }) => {
           textAlign: "center",
           backgroundColor: "#4038FF",
           color: "#fff",
-          minHeight: 470,
+          minHeight: 600,
           maxHeight: 600,
           overflow: "auto",
         }}

src/components/Dashboard/Proposals.tsx

@@ -22,8 +22,8 @@ const useStyles = makeStyles((theme: Theme) =>
       textAlign: "center",
       backgroundColor: "#4038FF",
       color: "#fff",
-      minHeight: 500,
-      maxHeight: 500,
+      minHeight: 600,
+      maxHeight: 600,
       overflow: "auto",
     },
   })

src/components/Openings/index.tsx

@@ -21,8 +21,8 @@ const useStyles = makeStyles((theme: Theme) =>
       textAlign: "left",
       backgroundColor: "#4038FF",
       color: "#fff",
-      minHeight: 500,
-      maxHeight: 500,
+      minHeight: 600,
+      maxHeight: 600,
       overflow: "auto",
     },
   })

src/components/Validators/index.tsx

@@ -24,6 +24,9 @@ const useStyles = makeStyles((theme: Theme) =>
     paper: {
       backgroundColor: "#4038FF",
       color: "#fff",
+      minHeight: 600,
+      maxHeight: 600,
+      overflow: "auto",
     },
   })
 );