diff --git a/client/assets/styles/colours.less b/client/assets/styles/colours.less
index 79088b7c..13da2d0e 100644
--- a/client/assets/styles/colours.less
+++ b/client/assets/styles/colours.less
@@ -150,4 +150,22 @@ button {
     &.green {
         border-color: @green;
     }
-}
\ No newline at end of file
+}
+
+@keyframes rgb {
+    0% {
+        color: @red;
+    }
+    25% {
+        color: @white;
+    }
+    50% {
+        color: @blue;
+    }
+    75% {
+        color: @white;
+    }
+    100% {
+        color: @green;
+    }
+}
diff --git a/client/assets/styles/player.less b/client/assets/styles/player.less
index 616ba46f..bda41989 100644
--- a/client/assets/styles/player.less
+++ b/client/assets/styles/player.less
@@ -51,6 +51,11 @@
         color: @yellow;
         font-weight: bold;
     }
+
+    .name.subscriber {
+        animation: rgb 4s cubic-bezier(0.5, 0, 0.5, 1) 0s infinite alternate;
+        font-weight: bold;
+    }
 }
 
 .chat {
diff --git a/client/src/components/account.box.jsx b/client/src/components/account.box.jsx
index c6383c55..4097816d 100644
--- a/client/src/components/account.box.jsx
+++ b/client/src/components/account.box.jsx
@@ -105,7 +105,7 @@ function AccountBox(args) {
         <div class='player-box bottom'>
             <div class="msg">&nbsp;</div>
             <StateAccountAvatar />
-            <div class="name">{account.name}</div>
+            <div class="name subscriber">{account.name}</div>
             <div class="score">&nbsp;</div>
         </div>
     );
diff --git a/client/src/components/shop.jsx b/client/src/components/shop.jsx
index 283e78bc..7e23bc60 100644
--- a/client/src/components/shop.jsx
+++ b/client/src/components/shop.jsx
@@ -48,7 +48,7 @@ function Shop(args) {
             </div>
             <div>
                 <h1 class="credits">¤ {account.balance}</h1>
-                {window.stripe
+                {window.Stripe
                     ? <Elements>
                         <StripeBtns account={account} />
                     </Elements>