Merge pull request #54 from CodeForAfrica/hotfix/promise-page-css

[Hotfix] Fix promise page

Author: nerdlet

src/components/Promise/Card.js

@@ -43,6 +43,9 @@ const useStyles = makeStyles(theme => ({
     '&:hover': {
       textDecoration: 'none'
     }
+  },
+  topicTerm: {
+    marginTop: '3rem'
   }
 }));
 
@@ -72,7 +75,7 @@ function PromiseCard({
               {description || ''}
             </Typography>
           </Grid>
-          <Grid item>
+          <Grid item className={classes.topicTerm}>
             <Typography variant="body2" className={classes.content}>
               {term} | {topic}
             </Typography>

src/components/Promise/Header.js

@@ -71,7 +71,7 @@ function PromiseHeader({ status, title, term, topic }) {
             >
               <Twitter
                 className="Mui-desaturated"
-                style={{ color: theme.palette.primary.main }}
+                style={{ fill: theme.palette.primary.main }}
               />
             </TwitterShareButton>
           </Grid>