diff --git a/src/components/contacts/ContactsOverview.svelte b/src/components/contacts/ContactsOverview.svelte
index 404cf76e..405899da 100644
--- a/src/components/contacts/ContactsOverview.svelte
+++ b/src/components/contacts/ContactsOverview.svelte
@@ -87,7 +87,7 @@
 									<td class="px-6 py-4 whitespace-nowrap">
 										<div class="flex items-center">
 											<div
-												class="text-sm font-medium text-gray-900 gap-0.5 flex"
+												class="text-sm font-medium text-gray-900 gap-0.5 flex flex-wrap"
 											>
 												{#if t.groups.length > 0}
 													{#each t.groups as g}
diff --git a/src/components/users/UsersOverview.svelte b/src/components/users/UsersOverview.svelte
index 6ef52b95..20581a65 100644
--- a/src/components/users/UsersOverview.svelte
+++ b/src/components/users/UsersOverview.svelte
@@ -115,11 +115,11 @@
                       >
                     {/if}
                   </td>
-                  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 gap-0.5 flex">
+                  <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 gap-0.5 flex flex-wrap">
                     {#each u.groups as g}
                       <a
                         href="../groups/{g.id}"
-                        class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full border bg-gray-100 text-gray-800 border border-current"
+                        class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full border bg-gray-100 text-gray-800 border-current"
                         >{g.name}</a
                       >
                     {/each}