diff --git a/client/src/components/Footer.js b/client/src/components/Footer.js
index fb7254f07..03ea106d1 100644
--- a/client/src/components/Footer.js
+++ b/client/src/components/Footer.js
@@ -11,7 +11,8 @@ import AALogo from '../img/aa-logo.png'
 const styles = theme => ({
   root: {
     flexGrow: 1,
-    padding: 100
+    padding: 100,
+    marginTop: 40
   },
   img: {
     margin: 'auto',
@@ -37,7 +38,7 @@ class Footer extends Component {
     const { classes } = this.props
     return (
 
-      <Grid className={classes.button} container justify='center' spacing={24}>
+      <Grid className={classes.root} container justify='center' spacing={24}>
         <Grid item>
           <Button color='primary' className={classes.button}>
             <NavLink color='inherit' exact to='/'>Home</NavLink>
diff --git a/client/src/components/UserReferrals.js b/client/src/components/UserReferrals.js
index 47d24cf8b..6f00b0b27 100644
--- a/client/src/components/UserReferrals.js
+++ b/client/src/components/UserReferrals.js
@@ -295,137 +295,6 @@ class UserReferrals extends Component {
 
           <UserSearch selectButton />
 
-          <Grid container justify='center' >
-            <Grid item>
-              <img className={classes.img} src={AALogo} alt='Advanced Algos' />
-            </Grid>
-          </Grid>
-
-          <Typography className={classes.typography} variant='body1' gutterBottom align='left'>
-          Complete your profile with the following optional information. Providing your real name might help other users trust you more.
-          </Typography>
-
-          <TextField
-            error={this.state.firstNameError}
-            id='firstName'
-            type='text'
-            value={this.state.firstName}
-            label='First Name'
-            className={classes.inputField}
-            onChange={this.handleTextField.bind(this)}
-                     />
-
-          <TextField
-            error={this.state.middleNameError}
-            id='middleName'
-            type='text'
-            value={this.state.middleName}
-            label='Middle Name'
-            className={classes.inputField}
-            onChange={this.handleTextField.bind(this)}
-                     />
-
-          <TextField
-            error={this.state.lastNameError}
-            id='lastName'
-            type='text'
-            value={this.state.lastName}
-            label='Last Name'
-            className={classes.inputField}
-            onChange={this.handleTextField.bind(this)}
-                     />
-
-          <Typography className={classes.typography} variant='body1' gutterBottom align='left'>
-           If you wish, you can add a short paragraph with your Bio or anything you would like to communicate to whoever finds your user profile.
-           </Typography>
-
-          <TextField
-            error={this.state.bioError}
-            id='bio'
-            type='text'
-            value={this.state.bio}
-            label='Bio'
-            className={classes.inputField}
-            onChange={this.handleTextField.bind(this)}
-                     />
-
-          <Typography className={classes.typography} variant='body1' gutterBottom align='left'>
-          Check the following options to enable specialized tools designed for each role. You can allways come back and change these settings later.
-          </Typography>
-
-          <FormGroup row className={classes.inputField}>
-            <Grid container justify='center' >
-              <Grid item>
-                <FormControlLabel
-                  className={classes.checkbox}
-                  control={
-                    <Checkbox
-                      id='isDeveloper'
-                      onChange={this.handleCheckBoxes.bind(this)}
-                      checked={this.rightCheckboxValue(this.state.isDeveloper)}
-                      color='secondary'
-                            />
-                          }
-                  label='Developer'
-                        />
-              </Grid>
-              <Grid item>
-                <FormControlLabel
-                  className={classes.checkbox}
-                  control={
-                    <Checkbox
-                      id='isTrader'
-                      onChange={this.handleCheckBoxes.bind(this)}
-                      checked={this.rightCheckboxValue(this.state.isTrader)}
-                      color='secondary'
-                          />
-                        }
-                  label='Trader'
-                      />
-              </Grid>
-              <Grid item>
-                <FormControlLabel
-                  className={classes.checkbox}
-                  control={
-                    <Checkbox
-                      id='isDataAnalyst'
-                      onChange={this.handleCheckBoxes.bind(this)}
-                      checked={this.rightCheckboxValue(this.state.isDataAnalyst)}
-                      color='secondary'
-                            />
-                          }
-                  label='Data Analyst'
-                        />
-              </Grid>
-            </Grid>
-          </FormGroup>
-
-          <p className={classes.typography}>Your current role determines how the system is going to optimize its user interface to best serves your current needs.</p>
-
-          <FormControl className={classes.inputField}>
-            <InputLabel shrink htmlFor='select'>
-                        Current Role
-                      </InputLabel>
-            <Select
-              id='select'
-              ref='select'
-              value={this.state.roleId}
-              onChange={this.handleSelect.bind(this)}
-              input={<Input name='Role' id='role-label-placeholder' />}
-              displayEmpty
-              name='select'
-              className={classes.selectEmpty}
-                      >
-              { this.displayRoles() }
-            </Select>
-            <FormHelperText>Select from the list your current role</FormHelperText>
-          </FormControl>
-
-          <Grid container justify='center' >
-            <Grid item>
-              <Button variant='contained' color='secondary' className={classes.button} onClick={this.submitForm.bind(this)}>Update</Button>
-            </Grid>
-          </Grid>
         </form>
       </Paper>
 
diff --git a/client/src/components/UserSearch.js b/client/src/components/UserSearch.js
index 4b0185edd..217a11e63 100644
--- a/client/src/components/UserSearch.js
+++ b/client/src/components/UserSearch.js
@@ -24,9 +24,10 @@ import PortraitImage from '../img/portrait.jpg'
 
 const styles = theme => ({
   card: {
-    maxWidth: 145,
-    minWidth: 100,
-    paddingTop:'30'
+    maxWidth: 150,
+    minWidth: 150,
+    paddingTop:'30',
+    marginBottom:40
   },
   media: {
     height: 0,