diff --git a/client/coral-admin/src/components/UserDetail.js b/client/coral-admin/src/components/UserDetail.js
index 3058c0d00..6ce94a60f 100644
--- a/client/coral-admin/src/components/UserDetail.js
+++ b/client/coral-admin/src/components/UserDetail.js
@@ -176,7 +176,7 @@ class UserDetail extends React.Component {
             </ActionsMenu>
           }
 
-          {banned || suspended && <UserInfoTooltip user={user} />}
+          {banned || suspended && <UserInfoTooltip user={user} banned={banned} suspended={suspended} />}
 
           <div>
             <ul className={styles.userDetailList}>
diff --git a/client/coral-admin/src/components/UserInfoTooltip.js b/client/coral-admin/src/components/UserInfoTooltip.js
index a750f2c8e..1c68c057c 100644
--- a/client/coral-admin/src/components/UserInfoTooltip.js
+++ b/client/coral-admin/src/components/UserInfoTooltip.js
@@ -20,7 +20,7 @@ class UserInfoTooltip extends React.Component {
 
   render() {
     const {menuVisible} = this.state;
-    const {user} = this.props;
+    const {banned, suspended} = this.props;
 
     return (
       <ClickOutside onClickOutside={this.hideMenu}>
@@ -32,7 +32,7 @@ class UserInfoTooltip extends React.Component {
           {menuVisible && (
             <div className={cn(styles.menu, 'talk-admin-user-info-tooltip-menu')}>
               {
-                user.status === 'BANNED' && (
+                banned && (
                   <div className={cn(styles.description, 'talk-admin-user-info-tooltip-description-banned')}>
                     <ul className={cn(styles.descriptionList, 'talk-admin-user-info-tooltip-description-list')}>
                       <li className={cn(styles.descriptionItem, 'talk-admin-user-info-tooltip-description-item')}>
@@ -49,7 +49,7 @@ class UserInfoTooltip extends React.Component {
               }
 
               {
-                user.status === 'SUSPENDED' && (
+                suspended && (
                   <div className={cn(styles.description, 'talk-admin-user-info-tooltip-description-suspended')}>
                     <ul className={cn(styles.descriptionList, 'talk-admin-user-info-tooltip-description-list')}>
                       <li className={cn(styles.descriptionItem, 'talk-admin-user-info-tooltip-description-item')}>
@@ -72,7 +72,6 @@ class UserInfoTooltip extends React.Component {
                   </div>
                 )
               }
-
             </div>
           )}
         </div>
@@ -83,6 +82,8 @@ class UserInfoTooltip extends React.Component {
 
 UserInfoTooltip.propTypes = {
   user: PropTypes.object,
+  banned: PropTypes.bool,
+  suspended: PropTypes.bool,
 };
 
 export default UserInfoTooltip;
\ No newline at end of file