diff --git a/resources/js/components/UI/Others/MemberAvatar.vue b/resources/js/components/UI/Others/MemberAvatar.vue
index 687e063a..bca4ad53 100644
--- a/resources/js/components/UI/Others/MemberAvatar.vue
+++ b/resources/js/components/UI/Others/MemberAvatar.vue
@@ -28,7 +28,7 @@
                 background: member.data.attributes.color ? member.data.attributes.color : '',
             }"
         >
-            <span :class="fontSize" class="font-extrabold uppercase text-white">
+            <span :class="fontSize" class="font-extrabold uppercase text-white dark:text-gray-900">
                 {{ letter }}
             </span>
         </div>