diff --git a/src/components/TwitchChat.vue b/src/components/TwitchChat.vue
index 784c4dc..93e5879 100644
--- a/src/components/TwitchChat.vue
+++ b/src/components/TwitchChat.vue
@@ -119,6 +119,10 @@ export default {
           <p class="text-sm text-gray-500 italic"> Message by {{ message.data.username }} removed </p>
         </div>
 
+        <div v-else-if="message.type === 'USERNOTICE'" class="text-white inline-flex bg-ctp-pink bg-opacity-50 p-1 rounded-md">
+          <p> <strong>{{ message.data.username }}</strong> has just resubbed for {{ message.data.months }} months!</p>
+        </div>
+
         <div v-else class="text-white">
           {{ message }}
         </div>