From 99c0aeab9104b300326861f54cac015fb4aee79c Mon Sep 17 00:00:00 2001
From: Matteo <matteo.sonnenholzner@kiteworks.com>
Date: Tue, 19 May 2026 07:42:18 +0200
Subject: [PATCH] fix(web-app-files): [OCISDEV-862] fix share invite button
 layout in space sharing

---
 .../bugfix-share-invite-button-pushed-down.md    |  5 +++++
 .../InviteCollaboratorForm.vue                   | 16 ++++++----------
 2 files changed, 11 insertions(+), 10 deletions(-)
 create mode 100644 changelog/unreleased/bugfix-share-invite-button-pushed-down.md

diff --git a/changelog/unreleased/bugfix-share-invite-button-pushed-down.md b/changelog/unreleased/bugfix-share-invite-button-pushed-down.md
new file mode 100644
index 00000000000..34c982ac19b
--- /dev/null
+++ b/changelog/unreleased/bugfix-share-invite-button-pushed-down.md
@@ -0,0 +1,5 @@
+Bugfix: Fix share invite button being pushed down in space sharing
+
+We have fixed a bug where the "Share" button in the invite collaborator form was being pushed down when sharing a space. The layout now properly aligns items vertically and prevents the button from wrapping to a new line.
+
+https://github.com/owncloud/web/pull/13793
diff --git a/packages/web-app-files/src/components/SideBar/Shares/Collaborators/InviteCollaborator/InviteCollaboratorForm.vue b/packages/web-app-files/src/components/SideBar/Shares/Collaborators/InviteCollaborator/InviteCollaboratorForm.vue
index b09a93c0121..37678cfdc7f 100644
--- a/packages/web-app-files/src/components/SideBar/Shares/Collaborators/InviteCollaborator/InviteCollaboratorForm.vue
+++ b/packages/web-app-files/src/components/SideBar/Shares/Collaborators/InviteCollaborator/InviteCollaboratorForm.vue
@@ -82,7 +82,7 @@
         </template>
       </oc-select>
     </div>
-    <div class="oc-flex oc-flex-between oc-flex-wrap oc-mb-l oc-mt-s">
+    <div class="oc-flex oc-flex-between oc-flex-middle oc-mb-l oc-mt-s">
       <role-dropdown
         mode="create"
         :show-icon="isRunningOnEos"
@@ -90,7 +90,7 @@
         :is-external="isExternalShareRoleType"
         @option-change="collaboratorRoleChanged"
       />
-      <div class="oc-flex oc-flex-middle">
+      <div class="oc-flex oc-flex-middle oc-flex-nowrap">
         <expiration-date-indicator
           v-if="expirationDate"
           :expiration-date="DateTime.fromISO(expirationDate)"
@@ -135,14 +135,9 @@
           <span v-text="$gettext(saveButtonText)" />
         </oc-button>
       </div>
-      <div class="oc-width-1-1 oc-mt-s">
-        <oc-checkbox
-          v-if="isRunningOnEos"
-          v-model="notifyEnabled"
-          :value="false"
-          :label="$gettext('Notify via mail')"
-        />
-      </div>
+    </div>
+    <div v-if="isRunningOnEos" class="oc-mb-l">
+      <oc-checkbox v-model="notifyEnabled" :value="false" :label="$gettext('Notify via mail')" />
     </div>
     <oc-hidden-announcer level="assertive" :announcement="announcement" />
   </div>
@@ -577,6 +572,7 @@ function resetFocusOnInvite(event: CollaboratorAutoCompleteItem[]) {
 #new-collaborators-form-create-button {
   padding-left: 30px;
   padding-right: 30px;
+  white-space: nowrap;
 
   .oc-spinner {
     margin-left: -0.5rem;