From 7c5f6d5f771bd9d2a73cc2888d6278e6785b623d Mon Sep 17 00:00:00 2001
From: JanAckermann <jackermann@owncloud.com>
Date: Mon, 16 May 2022 13:56:00 +0200
Subject: [PATCH 1/2] add overflow wrap

---
 .../InviteCollaborator/RecipientContainer.vue              | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/web-app-files/src/components/SideBar/Shares/Collaborators/InviteCollaborator/RecipientContainer.vue b/packages/web-app-files/src/components/SideBar/Shares/Collaborators/InviteCollaborator/RecipientContainer.vue
index 36861a1c635..c0194fa9b34 100644
--- a/packages/web-app-files/src/components/SideBar/Shares/Collaborators/InviteCollaborator/RecipientContainer.vue
+++ b/packages/web-app-files/src/components/SideBar/Shares/Collaborators/InviteCollaborator/RecipientContainer.vue
@@ -107,9 +107,14 @@ export default {
 }
 </script>
 
-<style lang="scss" scoped>
+<style lang="scss">
 .files-share-invite-recipient {
   margin: 4px 2px 0;
   padding: 0 0.25em;
+  overflow-wrap: anywhere;
+
+  .oc-recipient-avatar {
+    min-width: 16.8px;
+  }
 }
 </style>

From f8ff6ace1dd7b2bb570d08bb952a4274916c0815 Mon Sep 17 00:00:00 2001
From: JanAckermann <jackermann@owncloud.com>
Date: Tue, 17 May 2022 09:24:36 +0200
Subject: [PATCH 2/2] Add text truncate

---
 .../Collaborators/InviteCollaborator/AutocompleteItem.vue       | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/web-app-files/src/components/SideBar/Shares/Collaborators/InviteCollaborator/AutocompleteItem.vue b/packages/web-app-files/src/components/SideBar/Shares/Collaborators/InviteCollaborator/AutocompleteItem.vue
index a2fd77b5055..e5bbc3e7055 100644
--- a/packages/web-app-files/src/components/SideBar/Shares/Collaborators/InviteCollaborator/AutocompleteItem.vue
+++ b/packages/web-app-files/src/components/SideBar/Shares/Collaborators/InviteCollaborator/AutocompleteItem.vue
@@ -36,7 +36,7 @@
       size="xlarge"
       :accessible-label="$gettext('User')"
     />
-    <div class="files-collaborators-autocomplete-user-text">
+    <div class="files-collaborators-autocomplete-user-text oc-text-truncate">
       <span class="oc-text-bold files-collaborators-autocomplete-username" v-text="item.label" />
       <span
         v-if="item.value.shareWithAdditionalInfo"