diff --git a/app/src/components/Controls/TopBar.js b/app/src/components/Controls/TopBar.js
index 45d16f7..277507b 100644
--- a/app/src/components/Controls/TopBar.js
+++ b/app/src/components/Controls/TopBar.js
@@ -80,6 +80,10 @@ const styles = (theme) =>
 		{
 			margin  : theme.spacing(1, 0),
 			padding : theme.spacing(0, 1)
+		},
+		green :
+		{
+			color : 'rgba(0, 153, 0, 1)'
 		}
 	});
 
@@ -335,7 +339,7 @@ const TopBar = (props) =>
 								{ myPicture ?
 									<Avatar src={myPicture} />
 									:
-									<AccountCircle />
+									<AccountCircle className={loggedIn && classes.green} />
 								}
 							</IconButton>
 						</Tooltip>
diff --git a/app/src/components/JoinDialog.js b/app/src/components/JoinDialog.js
index 130e39d..1f270c6 100644
--- a/app/src/components/JoinDialog.js
+++ b/app/src/components/JoinDialog.js
@@ -2,6 +2,7 @@ import React, { useState, useEffect } from 'react';
 import { connect } from 'react-redux';
 import { withStyles } from '@material-ui/core/styles';
 import { withRoomContext } from '../RoomContext';
+import classnames from 'classnames';
 import isElectron from 'is-electron';
 import * as settingsActions from '../actions/settingsActions';
 import PropTypes from 'prop-types';
@@ -147,7 +148,9 @@ const DialogTitle = withStyles(styles)((props) =>
 						{ myPicture ?
 							<Avatar src={myPicture} className={classes.largeAvatar} />
 							:
-							<AccountCircle className={classes.largeIcon} />
+							<AccountCircle
+								className={classnames(classes.largeIcon, loggedIn && classes.green)}
+							/>
 						}
 					</IconButton>
 				</Tooltip>