diff --git a/plugin-api/beta/client/selectors/auth.js b/plugin-api/beta/client/selectors/auth.js
index 6c7769bc1..a82e11aab 100644
--- a/plugin-api/beta/client/selectors/auth.js
+++ b/plugin-api/beta/client/selectors/auth.js
@@ -4,3 +4,5 @@ export const usernameStatusSelector = state =>
get(state, 'auth.user.status.username.status');
export const usernameSelector = state => get(state, 'auth.user.username');
+
+export const isLoggedInSelector = state => !!get(state, 'auth.user');
diff --git a/plugins/talk-plugin-auth/client/stream/components/SignInButton.css b/plugins/talk-plugin-auth/client/stream/components/SignInButton.css
index f155a197c..774c6f280 100644
--- a/plugins/talk-plugin-auth/client/stream/components/SignInButton.css
+++ b/plugins/talk-plugin-auth/client/stream/components/SignInButton.css
@@ -5,4 +5,5 @@
.button:hover {
background-color: #767676;
+ color: #FFF;
}
diff --git a/plugins/talk-plugin-auth/client/stream/components/SignInButton.js b/plugins/talk-plugin-auth/client/stream/components/SignInButton.js
index 3c64608c5..53e0bc23d 100644
--- a/plugins/talk-plugin-auth/client/stream/components/SignInButton.js
+++ b/plugins/talk-plugin-auth/client/stream/components/SignInButton.js
@@ -4,9 +4,9 @@ import { Button } from 'plugin-api/beta/client/components/ui';
import { t } from 'plugin-api/beta/client/services';
import styles from './SignInButton.css';
-const SignInButton = ({ currentUser, showSignInDialog }) => (
+const SignInButton = ({ isLoggedIn, showSignInDialog }) => (
- {!currentUser ? (
+ {!isLoggedIn ? (