diff --git a/web/src/helpers/render.js b/web/src/helpers/render.js
index 506de16f19..c09a79ad3f 100644
--- a/web/src/helpers/render.js
+++ b/web/src/helpers/render.js
@@ -10,10 +10,17 @@ export function renderText(text, limit) {
 export function renderGroup(group) {
   if (group === "") {
     return <Label>default</Label>
-  } else if (group === "vip" || group === "pro") {
-    return <Label color='yellow'>{group}</Label>
-  } else if (group === "svip" || group === "premium") {
-    return <Label color='red'>{group}</Label>
   }
-  return <Label>{group}</Label>
+  let groups = group.split(",");
+  groups.sort();
+  return <>
+    {groups.map((group) => {
+      if (group === "vip" || group === "pro") {
+        return <Label color='yellow'>{group}</Label>
+      } else if (group === "svip" || group === "premium") {
+        return <Label color='red'>{group}</Label>
+      }
+      return <Label>{group}</Label>
+    })}
+  </>
 }
\ No newline at end of file