diff --git a/webapp/assets/styles/imports/_branding.scss b/webapp/assets/styles/imports/_branding.scss
index c3e58bc5d..b1b9ca652 100644
--- a/webapp/assets/styles/imports/_branding.scss
+++ b/webapp/assets/styles/imports/_branding.scss
@@ -95,7 +95,11 @@ span.slug {
 
 /* chips on group teaser */
 a.group-teaser footer .ds-chip-primary {
-  background-color: #6e8b87;
+  background-color: $color-primary;
+}
+/* chips on group profile */
+.group-profile .ds-chip-primary {
+  background-color: $color-primary;
 }
 
 /* number count color */
diff --git a/webapp/pages/group/_id/_slug.vue b/webapp/pages/group/_id/_slug.vue
index 1b6d66033..641b8802e 100644
--- a/webapp/pages/group/_id/_slug.vue
+++ b/webapp/pages/group/_id/_slug.vue
@@ -1,5 +1,5 @@
 <template>
-  <div v-if="isGroupVisible">
+  <div class="group-profile" v-if="isGroupVisible">
     <ds-space />
     <ds-flex v-if="group" :width="{ base: '100%' }" gutter="base">
       <ds-flex-item :width="{ base: '100%', sm: 2, md: 2, lg: 1 }">