diff --git a/js/admin/dist/app.js b/js/admin/dist/app.js
index 95e917b02..54dc5b052 100644
--- a/js/admin/dist/app.js
+++ b/js/admin/dist/app.js
@@ -18653,7 +18653,7 @@ System.register('flarum/components/GroupBadge', ['flarum/components/Badge'], fun
               props.icon = props.group.icon();
               props.style = { backgroundColor: props.group.color() };
               props.label = typeof props.label === 'undefined' ? props.group.nameSingular() : props.label;
-              props.type = 'group--' + props.group.nameSingular();
+              props.type = 'group--' + props.group.id();
 
               delete props.group;
             }
diff --git a/js/forum/dist/app.js b/js/forum/dist/app.js
index e58fb842f..a9546bb3a 100644
--- a/js/forum/dist/app.js
+++ b/js/forum/dist/app.js
@@ -22160,7 +22160,7 @@ System.register('flarum/components/GroupBadge', ['flarum/components/Badge'], fun
               props.icon = props.group.icon();
               props.style = { backgroundColor: props.group.color() };
               props.label = typeof props.label === 'undefined' ? props.group.nameSingular() : props.label;
-              props.type = 'group--' + props.group.nameSingular();
+              props.type = 'group--' + props.group.id();
 
               delete props.group;
             }
diff --git a/js/lib/components/GroupBadge.js b/js/lib/components/GroupBadge.js
index fc2ca1cc6..b6ce429c9 100644
--- a/js/lib/components/GroupBadge.js
+++ b/js/lib/components/GroupBadge.js
@@ -8,7 +8,7 @@ export default class GroupBadge extends Badge {
       props.icon = props.group.icon();
       props.style = {backgroundColor: props.group.color()};
       props.label = typeof props.label === 'undefined' ? props.group.nameSingular() : props.label;
-      props.type = 'group--' + props.group.nameSingular();
+      props.type = 'group--' + props.group.id();
 
       delete props.group;
     }