diff --git a/src/gate/GateFlowGraph.tsx b/src/gate/GateFlowGraph.tsx
index 6e060c6..b033a9f 100644
--- a/src/gate/GateFlowGraph.tsx
+++ b/src/gate/GateFlowGraph.tsx
@@ -172,7 +172,7 @@ export default function GateFlowGraph(props: Props) {
 
   const flowChart = () => {
     return (
-      <Card raised style={{ padding: 10, marginBottom: 15 }}>
+      <Card raised style={{ padding: 10, marginBottom: 15, marginTop: 15 }}>
         <CardHeader
           title={<Typography style={{ fontSize: 25, fontWeight: 650 }}>Mass Air Flow</Typography>}
           subheader={
@@ -369,7 +369,7 @@ export default function GateFlowGraph(props: Props) {
         <Grid container direction="row" spacing={2} className={classes.runtimeGrid}>
           <Grid size={3}>
             <Card raised className={classes.calcCard}>
-              <Grid container direction="column" alignItems="center">
+              <Grid container width="100%" direction="column" alignItems="center">
                 <Grid>Approximate Runtime:</Grid>
                 <Grid>
                   <Typography style={{ fontWeight: 650, fontSize: 15 }}>
@@ -381,7 +381,7 @@ export default function GateFlowGraph(props: Props) {
           </Grid>
           <Grid size={3}>
             <Card raised className={classes.calcCard}>
-              <Grid container direction="column" alignItems="center">
+              <Grid container width="100%" direction="column" alignItems="center">
                 <Grid>Cost to run PCA:</Grid>
                 <Grid>
                   <Typography style={{ fontWeight: 650, fontSize: 15 }}>
@@ -396,7 +396,7 @@ export default function GateFlowGraph(props: Props) {
           </Grid>
           <Grid size={3}>
             <Card raised className={classes.calcCard}>
-              <Grid container direction="column" alignItems="center">
+              <Grid container width="100%" direction="column" alignItems="center">
                 <Grid>Cost to run APU:</Grid>
                 <Grid>
                   <Typography style={{ fontWeight: 650, fontSize: 15 }}>
@@ -411,7 +411,7 @@ export default function GateFlowGraph(props: Props) {
           </Grid>
           <Grid size={3}>
             <Card raised className={classes.calcCard}>
-              <Grid container direction="column" alignItems="center">
+              <Grid container width="100%" direction="column" alignItems="center">
                 <Grid>Total Cost:</Grid>
                 <Grid>
                   <Typography style={{ fontWeight: 650, fontSize: 15 }}>
diff --git a/src/pages/Gate.tsx b/src/pages/Gate.tsx
index d29dde4..3d1a3ea 100644
--- a/src/pages/Gate.tsx
+++ b/src/pages/Gate.tsx
@@ -115,17 +115,13 @@ export default function Gate(props: Props) {
   };
 
   useEffect(() => {
-    console.log(gateID)
     let key = gateID;
     let kind = "gate";
     if (as) {
       key = as;
       kind = "team";
     }
-    console.log(key)
-    console.log(kind)
     userAPI.getUser(user.id(), { key: key, kind: kind } as Scope).then(resp => {
-      console.log(resp)
       setPermissions(resp.permissions);
     });
   }, [as, gateID, userAPI, user]);