diff --git a/twistter-frontend/src/pages/user.js b/twistter-frontend/src/pages/user.js
index 9b67f3a..f1113a0 100644
--- a/twistter-frontend/src/pages/user.js
+++ b/twistter-frontend/src/pages/user.js
@@ -7,16 +7,20 @@ import Grid from '@material-ui/core/Grid';
 import Card from '@material-ui/core/Card';
 import CardMedia from '@material-ui/core/CardMedia';
 import CardContent from '@material-ui/core/CardContent';
+import Chip from '@material-ui/core/Chip';
+import Paper from '@material-ui/core/Paper';
+
 
 const PostCard = styled(Card)({
   background: 'linear-gradient(45deg, #1da1f2 90%)',
   border: 3,
   borderRadius: 3,
-  height:225,
+  height:325,
   width: 345,
   padding: '0 30px',
 });
 
+
 class user extends Component {
   componentDidMount(){
     //TODO: get user details
@@ -24,17 +28,19 @@ class user extends Component {
   }
 
   render() {
-    
     return (
       <Grid container spacing={16}>
         <Grid item sm={8} xs={12}>
           <p>Post</p>
         </Grid>
         <Grid item sm={4} xs={12}>
-          <PostCard>Profile here</PostCard>
+          <PostCard>
+            <CardMedia image="./no-img-png" />
+            <CardContent>Username</CardContent>
+          </PostCard>
         </Grid>
       </Grid>
-    )
+    );
   }
 }