diff --git a/framework/core/js/forum/src/components/UserCard.js b/framework/core/js/forum/src/components/UserCard.js
index cbd181df3..3812930bd 100644
--- a/framework/core/js/forum/src/components/UserCard.js
+++ b/framework/core/js/forum/src/components/UserCard.js
@@ -26,10 +26,11 @@ export default class UserCard extends Component {
   view() {
     const user = this.props.user;
     const controls = UserControls.controls(user, this).toArray();
+    const color = user.color();
 
     return (
       <div className={'UserCard ' + (this.props.className || '')}
-        style={{backgroundColor: user.color()}}>
+        style={color ? {backgroundColor: color} : ''}>
         <div className="darkenBackground">
 
           <div className="container">