diff --git a/webapp/pages/groups/_id/_slug.vue b/webapp/pages/groups/_id/_slug.vue
index a4fcd517c..cdea97f07 100644
--- a/webapp/pages/groups/_id/_slug.vue
+++ b/webapp/pages/groups/_id/_slug.vue
@@ -29,7 +29,10 @@
           </client-only>
           <div class="ds-my-small">
             <!-- group name -->
-            <h3 class="ds-heading ds-heading-h3 ds-heading-align-center ds-heading-no-margin">
+            <h3
+              class="ds-heading ds-heading-h3 ds-heading-align-center ds-heading-no-margin"
+              style="word-break: break-all"
+            >
               {{ groupName }}
             </h3>
             <!-- group slug -->
@@ -160,7 +163,7 @@
               </p>
               <div class="ds-my-xx-small"></div>
               <div class="chip" align="center">
-                <os-badge>{{ group.about }}</os-badge>
+                <os-badge style="word-break: break-all">{{ group.about }}</os-badge>
               </div>
             </div>
           </template>