diff --git a/src/client/containers/Topbar/onlineUserList.jsx b/src/client/containers/Topbar/onlineUserList.jsx
index be81df3a6..e6b1cc4bf 100644
--- a/src/client/containers/Topbar/onlineUserList.jsx
+++ b/src/client/containers/Topbar/onlineUserList.jsx
@@ -96,6 +96,7 @@ class OnlineUserListPartial extends React.Component {
                 {entries(this.activeUsers).map(([key, value]) => {
                   if (this.props.sessionUser && value.user._id === this.props.sessionUser._id) return
                   const image = value.user.image || 'defaultProfile.jpg'
+                  const isAgentOrAdmin = value.user.role.isAdmin || value.user.role.isAgent
                   return (
                     <li key={key}>
                       <a className={'no-ajaxy'} onClick={e => OnlineUserListPartial.onUserClicked(e, value.user._id)}>
@@ -104,7 +105,9 @@ class OnlineUserListPartial extends React.Component {
                             <img src={`/uploads/users/${image}`} alt='Profile Pic' />
                           </div>
                           <span className='online-status' data-user-status-id={value.user._id} />
-                          <div className='user-name'>{value.user.fullname}</div>
+                          <div className={'user-name' + (isAgentOrAdmin ? ' _agent' : '')}>
+                            {value.user.fullname + (isAgentOrAdmin ? ' - Support Agent' : '')}
+                          </div>
                         </div>
                       </a>
                     </li>
diff --git a/src/sass/partials/offcanvas.sass b/src/sass/partials/offcanvas.sass
index 76cb86faf..854fad16b 100644
--- a/src/sass/partials/offcanvas.sass
+++ b/src/sass/partials/offcanvas.sass
@@ -95,6 +95,8 @@
           font-weight: 400
           margin-left: 40px
           line-height: 30px
+          &.agent
+            color: $accent_agent
         .online-status
           position: absolute
           right: 10px