diff --git a/client/coral-embed-stream/style/default.css b/client/coral-embed-stream/style/default.css
index a04ee6f05..04797211e 100644
--- a/client/coral-embed-stream/style/default.css
+++ b/client/coral-embed-stream/style/default.css
@@ -72,17 +72,6 @@ body {
   font-weight: bold;
 }
 
-/* Coral sign in button */
-
-#coralSignInButton {
-    background-color: #2a2a2a;
-    color: #FFF;
-}
-
-#coralSignInButton:hover {
-  background-color: #767676;
-}
-
 /* Info Box Styles */
 
 
diff --git a/plugins/talk-plugin-auth/client/login/components/SignUp.css b/plugins/talk-plugin-auth/client/login/components/SignUp.css
index 5a21041ac..6d5474e57 100644
--- a/plugins/talk-plugin-auth/client/login/components/SignUp.css
+++ b/plugins/talk-plugin-auth/client/login/components/SignUp.css
@@ -17,7 +17,7 @@
     margin-top: 0px;
 }
 
-.signInButton {
+.button {
     margin-top: 10px;
     background-color: #2a2a2a;
 }
diff --git a/plugins/talk-plugin-auth/client/login/components/SignUp.js b/plugins/talk-plugin-auth/client/login/components/SignUp.js
index 87acadb68..601a7dba0 100644
--- a/plugins/talk-plugin-auth/client/login/components/SignUp.js
+++ b/plugins/talk-plugin-auth/client/login/components/SignUp.js
@@ -108,7 +108,7 @@ class SignUp extends React.Component {
                   type="submit"
                   cStyle="black"
                   id="coralSignUpButton"
-                  className={styles.signInButton}
+                  className={styles.button}
                   full
                 >
                   {t('talk-plugin-auth.login.sign_up')}
diff --git a/plugins/talk-plugin-auth/client/stream/components/SignInButton.css b/plugins/talk-plugin-auth/client/stream/components/SignInButton.css
index e69de29bb..f155a197c 100644
--- a/plugins/talk-plugin-auth/client/stream/components/SignInButton.css
+++ b/plugins/talk-plugin-auth/client/stream/components/SignInButton.css
@@ -0,0 +1,8 @@
+.button {
+    background-color: #2a2a2a;
+    color: #FFF;
+}
+
+.button:hover {
+  background-color: #767676;
+}
diff --git a/plugins/talk-plugin-auth/client/stream/components/SignInButton.js b/plugins/talk-plugin-auth/client/stream/components/SignInButton.js
index f032be1c9..3c64608c5 100644
--- a/plugins/talk-plugin-auth/client/stream/components/SignInButton.js
+++ b/plugins/talk-plugin-auth/client/stream/components/SignInButton.js
@@ -2,11 +2,17 @@ import React from 'react';
 import PropTypes from 'prop-types';
 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 }) => (
   <div className="talk-stream-auth-sign-in-button">
     {!currentUser ? (
-      <Button id="coralSignInButton" onClick={showSignInDialog} full>
+      <Button
+        id="coralSignInButton"
+        className={styles.button}
+        onClick={showSignInDialog}
+        full
+      >
         {t('talk-plugin-auth.login.sign_in_to_comment')}
       </Button>
     ) : null}