diff --git a/twistter-frontend/src/pages/user.js b/twistter-frontend/src/pages/user.js
index ef764b3..824412e 100644
--- a/twistter-frontend/src/pages/user.js
+++ b/twistter-frontend/src/pages/user.js
@@ -76,7 +76,7 @@ class user extends Component {
     const classes = this.props;
     let profileMarkup = this.state.profile ? (
       <div>
-        <Typography variant='h5'>{this.state.profile} {this.state.verified ? (<VerifiedIcon style={{fill: "#1397D5"}}/>): (null)}</Typography>
+        <Typography variant='h5'>@{this.state.profile} {this.state.verified ? (<VerifiedIcon style={{fill: "#1397D5"}}/>): (null)}</Typography>
       </div>) : (<p>loading username...</p>);