diff --git a/ui/src/components/app-avatar/index.vue b/ui/src/components/app-avatar/index.vue
index 22f72c29c..9f56628e9 100644
--- a/ui/src/components/app-avatar/index.vue
+++ b/ui/src/components/app-avatar/index.vue
@@ -43,11 +43,7 @@ const getAvatarColour = (name: string) => {
   let charIndex = name ? pinyin(name).charAt(0).toUpperCase().charCodeAt(0) - 65 : 0
 
   function getColor() {
-    if (!colours[charIndex]) {
-      charIndex -= 10
-      getColor()
-    }
-    return colours[charIndex]
+    return colours[Math.abs(charIndex % colours.length)]
   }
 
   return getColor()