diff --git a/client/package.json b/client/package.json
index 8e59b03ca..119243e6b 100644
--- a/client/package.json
+++ b/client/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@advancedalgos/users-client",
   "description": "Advanced Algos Users client-side web app",
-  "version": "0.0.20",
+  "version": "0.0.21",
   "main": "src/index.js",
   "dependencies": {
     "@material-ui/core": "^3.2.0",
diff --git a/client/src/components/UserList.js b/client/src/components/UserList.js
index 4e5751836..cfc205511 100644
--- a/client/src/components/UserList.js
+++ b/client/src/components/UserList.js
@@ -30,7 +30,7 @@ import Slide from '@material-ui/core/Slide';
 import UserProfile from './UserProfile';
 
 // Images
-import PortraitImage from '../img/portrait.jpg'
+import UserDefaultPicture from '../img/user-default-pic.jpg'
 
 const styles = theme => ({
   root: {
@@ -108,7 +108,7 @@ class UserList extends Component {
               <CardActionArea>
                 <CardMedia
                   className={classes.media}
-                  image={PortraitImage}
+                  image={UserDefaultPicture}
                   title="User Profile"
 
                 />
@@ -167,7 +167,7 @@ class UserList extends Component {
     const { classes } = this.props;
     return (
       <React.Fragment>
-        <Grid container justify="center" spacing={24} className={classes.root}>
+        <Grid container justify="center" spacing={40} className={classes.root}>
           {this.displayUsers()}
         </Grid>
       </React.Fragment>
diff --git a/client/src/img/portrait.jpg b/client/src/img/portrait.jpg
deleted file mode 100644
index 2108ceee8..000000000
Binary files a/client/src/img/portrait.jpg and /dev/null differ
diff --git a/client/src/img/user-default-pic.jpg b/client/src/img/user-default-pic.jpg
new file mode 100644
index 000000000..4709ae9b1
Binary files /dev/null and b/client/src/img/user-default-pic.jpg differ