diff --git a/src/js/components/SignIn/SignInJoinText.jsx b/src/js/components/SignIn/SignInJoinText.jsx
index a78d28029..742c235e6 100644
--- a/src/js/components/SignIn/SignInJoinText.jsx
+++ b/src/js/components/SignIn/SignInJoinText.jsx
@@ -13,11 +13,10 @@ export default function SignInJoinText () {
       {' '}
       <span
         style={{
-          color: '#ccc',
           fontWeight: 200,
         }}
       >
-        |
+        /
       </span>
       {' '}
       <span>
diff --git a/src/js/components/Widgets/SignInButton.jsx b/src/js/components/Widgets/SignInButton.jsx
index 518b58ee4..006f04796 100644
--- a/src/js/components/Widgets/SignInButton.jsx
+++ b/src/js/components/Widgets/SignInButton.jsx
@@ -60,11 +60,11 @@ export default function SignInButton (props) {
         {' '}
         <span
           style={{
-            color: '#ccc',
+            color: 'rgb(6, 95, 212)',
             fontWeight: 200,
           }}
         >
-          |
+          /
         </span>
         {' '}
         <span