Titles Missing

client/src/components/ProfileSheet.js

@@ -320,9 +320,13 @@ class ProfileSheet extends Component {
 
         <form onSubmit={this.submitForm.bind(this)}>
 
+          <Typography className={classes.typography} variant='h5' gutterBottom>
+          Profile Sheet
+        </Typography>
+
           <Typography className={classes.typography} variant='body1' gutterBottom align='left'>
-      Use this form to control the information you keep at the Advanced Algos system about yourself.
-      </Typography>
+          Use this form to control the information you keep at the Advanced Algos system about yourself.
+          </Typography>
 
           <Grid container justify='center' >
             <Grid item>

client/src/components/YourDescendents.js

@@ -65,6 +65,10 @@ class YourDescendents extends Component {
     return (
       <Paper className={classes.root}>
 
+        <Typography className={classes.typography} variant='h5' gutterBottom>
+      Your Decendents
+      </Typography>
+
         <Typography className={classes.typography} variant='body1' gutterBottom align='left'>
         These are your decendents within the project. Your children referred you as the one who brought them to the project, while
         your grandchildren referred your children and so on. In order to be able to see your descendents, the users who you referred

client/src/components/YourReferrer.js

@@ -130,6 +130,9 @@ class YourReferrer extends Component {
     const { classes } = this.props
     return (
       <Paper className={classes.root}>
+        <Typography className={classes.typography} variant='h5' gutterBottom>
+      Your Referrer
+    </Typography>
         {this.renderMode()}
       </Paper>
     )