diff --git a/nginx/vue/src/components/util/Chat.vue b/nginx/vue/src/components/util/Chat.vue
index b399d13..32238ca 100644
--- a/nginx/vue/src/components/util/Chat.vue
+++ b/nginx/vue/src/components/util/Chat.vue
@@ -43,7 +43,7 @@ onUnmounted(() => {
             class="flex flex-col flex-1 overflow-y-auto"
         >
             <p v-for="message in messages" :key="message.id">
-                <small>{{ message.authorId }}:</small>
+                <span class="text-tertiary">{{ message.authorId }}:</span>
                 {{ message.text }}
             </p>
         </div>