diff --git a/changelog/unreleased/bugfix-shares-tree-loading b/changelog/unreleased/bugfix-shares-tree-loading
new file mode 100644
index 00000000000..aa4ce452104
--- /dev/null
+++ b/changelog/unreleased/bugfix-shares-tree-loading
@@ -0,0 +1,13 @@
+Bugfix: Shares tree loading
+
+We've improved loading of the shares tree:
+
+* It now happens more globally in the sidebar component instead of in each sidebar panel.
+* Shares won't be loaded for resources without a path anymore.
+
+These changes massively improve the sidebar performance and fix several issues with (re-)share permissions.
+
+https://github.com/owncloud/web/issues/7506
+https://github.com/owncloud/web/issues/7593
+https://github.com/owncloud/web/issues/7592
+https://github.com/owncloud/web/pull/7580
diff --git a/packages/web-app-files/src/components/SideBar/Details/FileDetails.vue b/packages/web-app-files/src/components/SideBar/Details/FileDetails.vue
index e86ca9b1f5e..7bbfb4c8a2a 100644
--- a/packages/web-app-files/src/components/SideBar/Details/FileDetails.vue
+++ b/packages/web-app-files/src/components/SideBar/Details/FileDetails.vue
@@ -352,39 +352,40 @@ export default defineComponent({
   watch: {
     file() {
       this.loadData()
-      this.refreshShareDetailsTree()
-    },
-    sharesTree() {
-      // missing early return
-      this.sharedItem = null
-      this.shareIndicators = getIndicators(this.file, this.sharesTree)
-      const sharePathParentOrCurrent = this.getParentSharePath(this.file.path, this.sharesTree)
-      if (sharePathParentOrCurrent === null) {
-        return
-      }
-      const shares = this.sharesTree[sharePathParentOrCurrent]?.filter((s) =>
-        ShareTypes.containsAnyValue(
-          [...ShareTypes.individuals, ...ShareTypes.unauthenticated],
-          [s.shareType]
+    },
+    sharesTree: {
+      handler() {
+        // missing early return
+        this.sharedItem = null
+        this.shareIndicators = getIndicators(this.file, this.sharesTree)
+        const sharePathParentOrCurrent = this.getParentSharePath(this.file.path, this.sharesTree)
+        if (sharePathParentOrCurrent === null) {
+          return
+        }
+        const shares = this.sharesTree[sharePathParentOrCurrent]?.filter((s) =>
+          ShareTypes.containsAnyValue(
+            [...ShareTypes.individuals, ...ShareTypes.unauthenticated],
+            [s.shareType]
+          )
         )
-      )
-      if (shares.length === 0) {
-        return
-      }
+        if (shares.length === 0) {
+          return
+        }
 
-      this.sharedItem = shares[0]
-      this.sharedByName = this.sharedItem.owner?.name
-      this.sharedByDisplayName = this.sharedItem.owner?.displayName
-      if (this.sharedItem.owner?.additionalInfo) {
-        this.sharedByDisplayName += ' (' + this.sharedItem.owner.additionalInfo + ')'
-      }
-      this.sharedTime = this.sharedItem.stime
-      this.sharedParentDir = sharePathParentOrCurrent
+        this.sharedItem = shares[0]
+        this.sharedByName = this.sharedItem.owner?.name
+        this.sharedByDisplayName = this.sharedItem.owner?.displayName
+        if (this.sharedItem.owner?.additionalInfo) {
+          this.sharedByDisplayName += ' (' + this.sharedItem.owner.additionalInfo + ')'
+        }
+        this.sharedTime = this.sharedItem.stime
+        this.sharedParentDir = sharePathParentOrCurrent
+      },
+      immediate: true
     }
   },
   mounted() {
     this.loadData()
-    this.refreshShareDetailsTree()
   },
   asyncComputed: {
     preview: {
@@ -405,16 +406,8 @@ export default defineComponent({
     }
   },
   methods: {
-    ...mapActions('Files', ['loadPreview', 'loadVersions', 'loadSharesTree']),
-    async refreshShareDetailsTree() {
-      await this.loadSharesTree({
-        client: this.$client,
-        path: this.file.path,
-        $gettext: this.$gettext,
-        storageId: this.file.fileId
-      })
-      this.shareIndicators = getIndicators(this.file, this.sharesTree)
-    },
+    ...mapActions('Files', ['loadPreview', 'loadVersions']),
+
     getParentSharePath(childPath, shares) {
       let currentPath = childPath
       if (!currentPath) {
diff --git a/packages/web-app-files/src/components/SideBar/Shares/Collaborators/ListItem.vue b/packages/web-app-files/src/components/SideBar/Shares/Collaborators/ListItem.vue
index 713adcd5279..15996fb8d7d 100644
--- a/packages/web-app-files/src/components/SideBar/Shares/Collaborators/ListItem.vue
+++ b/packages/web-app-files/src/components/SideBar/Shares/Collaborators/ListItem.vue
@@ -217,13 +217,6 @@ export default defineComponent({
       return this.$gettextInterpolate(translated, context)
     },
 
-    shareExpirationText() {
-      const translated = this.$gettext('Expires %{ expiryDateRelative }')
-      return this.$gettextInterpolate(translated, {
-        expiryDateRelative: this.expirationDateRelative
-      })
-    },
-
     screenreaderShareExpiration() {
       const translated = this.$gettext('Share expires %{ expiryDateRelative } (%{ expiryDate })')
       return this.$gettextInterpolate(translated, {
@@ -258,11 +251,6 @@ export default defineComponent({
       return this.sharedParentRoute?.params?.item.split('/').pop()
     },
 
-    shareDetailsHelperContent() {
-      return {
-        text: this.$gettext('Invite persons or groups to access this file or folder.')
-      }
-    },
     editDropDownToggleId() {
       return uuid.v4()
     },
diff --git a/packages/web-app-files/src/components/SideBar/Shares/Collaborators/RoleDropdown.vue b/packages/web-app-files/src/components/SideBar/Shares/Collaborators/RoleDropdown.vue
index 1430e02233e..469f56c9710 100644
--- a/packages/web-app-files/src/components/SideBar/Shares/Collaborators/RoleDropdown.vue
+++ b/packages/web-app-files/src/components/SideBar/Shares/Collaborators/RoleDropdown.vue
@@ -122,6 +122,7 @@ import { PropType } from '@vue/composition-api'
 export default defineComponent({
   name: 'RoleDropdown',
   components: { RoleItem },
+  inject: ['incomingParentShare'],
   props: {
     resource: {
       type: Object,
@@ -181,10 +182,6 @@ export default defineComponent({
     resourceIsSharable() {
       return this.allowSharePermission && this.resource.canShare()
     },
-    share() {
-      // the root share has an empty key in the shares tree. That's the reason why we retrieve the share by an empty key here
-      return this.sharesTree['']?.find((s) => s.incoming)
-    },
     allowCustomSharing() {
       return this.capabilities?.files_sharing?.allow_custom
     },
@@ -193,9 +190,9 @@ export default defineComponent({
         return SpacePeopleShareRoles.list()
       }
 
-      if (this.share?.incoming && this.resourceIsSharable) {
+      if (this.incomingParentShare.value && this.resourceIsSharable) {
         return PeopleShareRoles.filterByBitmask(
-          parseInt(this.share.permissions),
+          parseInt(this.incomingParentShare.value.permissions),
           this.resource.isFolder,
           this.allowSharePermission,
           this.allowCustomSharing !== false
@@ -205,8 +202,10 @@ export default defineComponent({
       return PeopleShareRoles.list(this.resource.isFolder, this.allowCustomSharing !== false)
     },
     availablePermissions() {
-      if (this.share?.incoming && this.resourceIsSharable) {
-        return SharePermissions.bitmaskToPermissions(parseInt(this.share.permissions))
+      if (this.incomingParentShare.value && this.resourceIsSharable) {
+        return SharePermissions.bitmaskToPermissions(
+          parseInt(this.incomingParentShare.value.permissions)
+        )
       }
       return this.customPermissionsRole.permissions(this.allowSharePermission)
     },
diff --git a/packages/web-app-files/src/components/SideBar/Shares/FileLinks.vue b/packages/web-app-files/src/components/SideBar/Shares/FileLinks.vue
index e527a9967c7..6a4c0926f1b 100644
--- a/packages/web-app-files/src/components/SideBar/Shares/FileLinks.vue
+++ b/packages/web-app-files/src/components/SideBar/Shares/FileLinks.vue
@@ -137,6 +137,7 @@ export default defineComponent({
     DetailsAndEdit,
     NameAndCopy
   },
+  inject: ['incomingParentShare'],
   setup() {
     const store = useStore()
 
@@ -182,11 +183,6 @@ export default defineComponent({
       return this.currentFileOutgoingLinks.find((link) => link.quicklink === true)
     },
 
-    share() {
-      // the root share has an empty key in the shares tree. That's the reason why we retrieve the share by an empty key here
-      return this.sharesTree['']?.find((s) => s.incoming)
-    },
-
     expirationDate() {
       const expireDate = this.capabilities.files_sharing.public.expire_date
 
@@ -218,9 +214,9 @@ export default defineComponent({
     },
 
     availableRoleOptions() {
-      if (this.share?.incoming && this.canCreatePublicLinks) {
+      if (this.incomingParentShare.value && this.canCreatePublicLinks) {
         return LinkShareRoles.filterByBitmask(
-          parseInt(this.share.permissions),
+          parseInt(this.incomingParentShare.value.permissions),
           this.highlightedFile.isFolder,
           this.hasPublicLinkEditing,
           this.hasPublicLinkAliasSupport
@@ -323,9 +319,6 @@ export default defineComponent({
         return []
       }
 
-      // remove root entry
-      parentPaths.pop()
-
       parentPaths.forEach((parentPath) => {
         const shares = cloneStateObject(this.sharesTree[parentPath])
         if (shares) {
diff --git a/packages/web-app-files/src/components/SideBar/Shares/FileShares.vue b/packages/web-app-files/src/components/SideBar/Shares/FileShares.vue
index 7efa9e41a50..073973137e8 100644
--- a/packages/web-app-files/src/components/SideBar/Shares/FileShares.vue
+++ b/packages/web-app-files/src/components/SideBar/Shares/FileShares.vue
@@ -188,38 +188,6 @@ export default {
       return this.collaborators.length > 0
     },
 
-    /**
-     * Returns all incoming shares, direct and indirect
-     *
-     * @return {Array.<Object>} list of incoming shares
-     */
-    $_allIncomingShares() {
-      // direct incoming shares
-      const allShares = [...this.incomingShares]
-
-      // indirect incoming shares
-      const parentPaths = getParentPaths(this.highlightedFile.path, true)
-      if (parentPaths.length === 0) {
-        return []
-      }
-
-      // remove root entry
-      parentPaths.pop()
-
-      parentPaths.forEach((parentPath) => {
-        const shares = this.sharesTree[parentPath]
-        if (shares) {
-          shares.forEach((share) => {
-            if (share.incoming) {
-              allShares.push(share)
-            }
-          })
-        }
-      })
-
-      return allShares
-    },
-
     collaborators() {
       return [...this.currentFileOutgoingCollaborators, ...this.indirectOutgoingShares]
         .sort(this.collaboratorsComparator)
@@ -260,9 +228,6 @@ export default {
         return []
       }
 
-      // remove root entry
-      parentPaths.pop()
-
       parentPaths.forEach((parentPath) => {
         const shares = this.sharesTree[parentPath]
         if (shares) {
@@ -294,20 +259,6 @@ export default {
       const translatedFolder = this.$gettext("You don't have permission to share this folder.")
       return this.highlightedFile.type === 'file' ? translatedFile : translatedFolder
     },
-
-    currentUsersPermissions() {
-      if (this.$_allIncomingShares.length > 0) {
-        let permissions = 0
-
-        for (const share of this.$_allIncomingShares) {
-          permissions |= share.permissions
-        }
-
-        return permissions
-      }
-
-      return null
-    },
     currentUserIsMemberOfSpace() {
       return this.currentSpace?.spaceMemberIds?.includes(this.user.uuid)
     },
diff --git a/packages/web-app-files/src/components/SideBar/Shares/SharesPanel.vue b/packages/web-app-files/src/components/SideBar/Shares/SharesPanel.vue
index 1c19956d3d1..38088aff08f 100644
--- a/packages/web-app-files/src/components/SideBar/Shares/SharesPanel.vue
+++ b/packages/web-app-files/src/components/SideBar/Shares/SharesPanel.vue
@@ -14,15 +14,13 @@
 </template>
 
 <script lang="ts">
-import { computed, defineComponent, unref, watch } from '@vue/composition-api'
+import { computed, defineComponent, unref } from '@vue/composition-api'
 import FileLinks from './FileLinks.vue'
 import FileShares from './FileShares.vue'
 import SpaceMembers from './SpaceMembers.vue'
-import { mapActions, mapGetters, mapState } from 'vuex'
-import { dirname } from 'path'
-import { useGraphClient } from 'web-client/src/composables'
-import { useTask } from 'vue-concurrency'
-import { useDebouncedRef, useStore } from 'web-pkg/src/composables'
+import { mapGetters, mapState } from 'vuex'
+import { useStore } from 'web-pkg/src/composables'
+import { useIncomingParentShare } from '../../../composables/parentShare'
 
 export default defineComponent({
   name: 'SharesPanel',
@@ -31,7 +29,12 @@ export default defineComponent({
     FileShares,
     SpaceMembers
   },
-  inject: ['activePanel'],
+  inject: ['activePanel', 'displayedItem'],
+  provide() {
+    return {
+      incomingParentShare: computed(() => this.incomingParentShare)
+    }
+  },
   props: {
     showSpaceMembers: { type: Boolean, default: false },
     showLinks: { type: Boolean, default: false }
@@ -41,38 +44,32 @@ export default defineComponent({
     const currentFileOutgoingSharesLoading = computed(
       () => store.getters['Files/currentFileOutgoingSharesLoading']
     )
-    const incomingSharesLoading = computed(() => store.state.Files.incomingSharesLoading)
-    const sharesTreeLoading = computed(() => store.state.Files.sharesTreeLoading)
-    const sharesLoading = useDebouncedRef(true, 250)
-    watch([currentFileOutgoingSharesLoading, incomingSharesLoading, sharesTreeLoading], () => {
-      sharesLoading.value =
-        currentFileOutgoingSharesLoading.value ||
-        incomingSharesLoading.value ||
-        sharesTreeLoading.value
-    })
-
-    const { graphClient } = useGraphClient()
-
-    const loadSpaceMembersTask = useTask(function* (signal, ref) {
-      yield ref.loadCurrentFileOutgoingShares({
-        client: ref.$client,
-        graphClient,
-        path: ref.space.id,
-        storageId: ref.space.id,
-        resource: ref.space
-      })
-    })
+    const incomingSharesLoading = computed(() => store.getters['Files/incomingSharesLoading'])
+    const sharesTreeLoading = computed(() => store.getters['Files/sharesTreeLoading'])
+    const sharesLoading = computed(
+      () =>
+        unref(currentFileOutgoingSharesLoading) ||
+        unref(incomingSharesLoading) ||
+        unref(sharesTreeLoading)
+    )
 
-    return { graphClient, loadSpaceMembersTask, sharesLoading }
+    return {
+      ...useIncomingParentShare(),
+      sharesLoading
+    }
   },
   computed: {
-    ...mapGetters('Files', ['highlightedFile', 'currentFileOutgoingSharesLoading']),
+    ...mapGetters('Files', ['currentFileOutgoingSharesLoading']),
     ...mapState('Files', ['incomingSharesLoading', 'sharesTreeLoading'])
   },
   watch: {
     sharesLoading: {
-      handler: function () {
-        if (this.loading || !unref(this.activePanel)) {
+      handler: function (sharesLoading, old) {
+        if (!sharesLoading) {
+          this.loadIncomingParentShare.perform(this.displayedItem.value)
+        }
+        // FIXME: !old can be removed as soon as https://github.com/owncloud/web/issues/7621 has been fixed
+        if (this.loading || !unref(this.activePanel) || !old) {
           return
         }
         this.$nextTick(() => {
@@ -83,49 +80,9 @@ export default defineComponent({
           }
           this.$emit('scrollToElement', { element: this.$refs[ref].$el, panelName })
         })
-      }
-    },
-    highlightedFile: {
-      handler: function (newItem, oldItem) {
-        if (oldItem !== newItem) {
-          this.$_reloadShares()
-
-          if (this.showSpaceMembers) {
-            this.loadSpaceMembersTask.perform(this)
-          }
-        }
       },
       immediate: true
     }
-  },
-  methods: {
-    ...mapActions('Files', [
-      'loadCurrentFileOutgoingShares',
-      'loadSharesTree',
-      'loadIncomingShares'
-    ]),
-    $_reloadShares() {
-      this.loadCurrentFileOutgoingShares({
-        client: this.$client,
-        graphClient: this.graphClient,
-        path: this.highlightedFile.path,
-        $gettext: this.$gettext,
-        storageId: this.highlightedFile.fileId,
-        resource: this.highlightedFile
-      })
-      this.loadIncomingShares({
-        client: this.$client,
-        path: this.highlightedFile.path,
-        $gettext: this.$gettext,
-        storageId: this.highlightedFile.fileId
-      })
-      this.loadSharesTree({
-        client: this.$client,
-        path: this.highlightedFile.path === '' ? '/' : dirname(this.highlightedFile.path),
-        $gettext: this.$gettext,
-        storageId: this.highlightedFile.fileId
-      })
-    }
   }
 })
 </script>
diff --git a/packages/web-app-files/src/components/SideBar/SideBar.vue b/packages/web-app-files/src/components/SideBar/SideBar.vue
index ee907720037..0a312d12046 100644
--- a/packages/web-app-files/src/components/SideBar/SideBar.vue
+++ b/packages/web-app-files/src/components/SideBar/SideBar.vue
@@ -31,7 +31,7 @@
 </template>
 
 <script lang="ts">
-import { mapGetters, mapState } from 'vuex'
+import { mapActions, mapGetters, mapState } from 'vuex'
 import SideBar from 'web-pkg/src/components/sideBar/SideBar.vue'
 import FileInfo from './FileInfo.vue'
 import SpaceInfo from './SpaceInfo.vue'
@@ -53,6 +53,8 @@ import {
 } from 'web-pkg/src/composables'
 import { bus } from 'web-pkg/src/instance'
 import { SideBarEventTopics } from '../../composables/sideBar'
+import isEqual from 'lodash-es/isEqual'
+import { useGraphClient } from 'web-client/src/composables'
 
 export default defineComponent({
   components: { FileInfo, SpaceInfo, SideBar },
@@ -77,6 +79,7 @@ export default defineComponent({
 
   setup() {
     const store = useStore()
+    const { graphClient } = useGraphClient()
 
     const closeSideBar = () => {
       bus.publish(SideBarEventTopics.close)
@@ -104,7 +107,8 @@ export default defineComponent({
       setActiveSideBarPanel,
       closeSideBar,
       destroySideBar,
-      focusSideBar
+      focusSideBar,
+      graphClient
     }
   },
 
@@ -118,7 +122,7 @@ export default defineComponent({
   },
 
   computed: {
-    ...mapGetters('Files', ['highlightedFile', 'selectedFiles']),
+    ...mapGetters('Files', ['highlightedFile', 'selectedFiles', 'currentFolder']),
     ...mapGetters(['fileSideBars', 'capabilities']),
     ...mapState(['user']),
     availablePanels(): Panel[] {
@@ -197,6 +201,10 @@ export default defineComponent({
         return
       }
 
+      if (oldFile && isEqual(newFile, oldFile)) {
+        return
+      }
+
       this.fetchFileInfo()
     },
 
@@ -214,6 +222,12 @@ export default defineComponent({
     }
   },
   methods: {
+    ...mapActions('Files', [
+      'loadSharesTree',
+      'loadCurrentFileOutgoingShares',
+      'loadIncomingShares'
+    ]),
+
     async fetchFileInfo() {
       if (!this.highlightedFile) {
         this.selectedFile = {}
@@ -225,6 +239,7 @@ export default defineComponent({
         isLocationTrashActive(this.$router, 'files-trash-spaces-project') ||
         this.highlightedFileIsSpace
       ) {
+        this.loadShares()
         this.selectedFile = { ...this.highlightedFile }
         return
       }
@@ -247,11 +262,38 @@ export default defineComponent({
 
         this.selectedFile = buildResource(item)
         this.$set(this.selectedFile, 'thumbnail', this.highlightedFile.thumbnail || null)
+        this.loadShares()
       } catch (error) {
         this.selectedFile = { ...this.highlightedFile }
         console.error(error)
       }
       this.loading = false
+    },
+
+    loadShares() {
+      this.loadCurrentFileOutgoingShares({
+        client: this.$client,
+        graphClient: this.graphClient,
+        path: this.highlightedFile.path,
+        storageId: this.highlightedFile.fileId,
+        resource: this.highlightedFile
+      })
+      this.loadIncomingShares({
+        client: this.$client,
+        path: this.highlightedFile.path,
+        $gettext: this.$gettext,
+        storageId: this.highlightedFile.fileId
+      })
+
+      // shares tree is already being loaded for the current folder (except for root)
+      if (!this.currentFolder || this.currentFolder.path === '/') {
+        this.loadSharesTree({
+          client: this.$client,
+          path: this.highlightedFile.path === '' ? '/' : this.highlightedFile.path,
+          $gettext: this.$gettext,
+          storageId: this.highlightedFile.fileId
+        })
+      }
     }
   }
 })
diff --git a/packages/web-app-files/src/composables/parentShare/index.ts b/packages/web-app-files/src/composables/parentShare/index.ts
new file mode 100644
index 00000000000..9912152fdb3
--- /dev/null
+++ b/packages/web-app-files/src/composables/parentShare/index.ts
@@ -0,0 +1 @@
+export * from './useIncomingParentShare'
diff --git a/packages/web-app-files/src/composables/parentShare/useIncomingParentShare.ts b/packages/web-app-files/src/composables/parentShare/useIncomingParentShare.ts
new file mode 100644
index 00000000000..7a7c15c7d87
--- /dev/null
+++ b/packages/web-app-files/src/composables/parentShare/useIncomingParentShare.ts
@@ -0,0 +1,34 @@
+import { buildShare } from '../../helpers/resources'
+import { useStore } from 'web-pkg/src/composables'
+import { computed, ref, unref } from '@vue/composition-api'
+import { useTask } from 'vue-concurrency'
+import { clientService } from 'web-pkg/src/services'
+
+export function useIncomingParentShare() {
+  const store = useStore()
+  const incomingParentShare = ref(null)
+  const sharesTree = computed(() => store.getters['Files/sharesTree'])
+
+  const loadIncomingParentShare = useTask(function* (signal, resource) {
+    let parentShare
+    for (const shares of Object.values(unref(sharesTree)) as any) {
+      parentShare = shares.find((s) => s.incoming)
+      if (parentShare) {
+        incomingParentShare.value = parentShare
+        return
+      }
+    }
+
+    if (resource.shareId) {
+      parentShare = yield clientService.owncloudSdk.shares.getShare(resource.shareId)
+      if (parentShare) {
+        incomingParentShare.value = buildShare(parentShare.shareInfo, resource, true)
+        return
+      }
+    }
+
+    incomingParentShare.value = null
+  })
+
+  return { loadIncomingParentShare, incomingParentShare }
+}
diff --git a/packages/web-app-files/src/helpers/path.js b/packages/web-app-files/src/helpers/path.js
index cf91b694633..678d3f36d60 100644
--- a/packages/web-app-files/src/helpers/path.js
+++ b/packages/web-app-files/src/helpers/path.js
@@ -27,6 +27,10 @@ export function getParentPaths(path = '', includeCurrent = false) {
 
   sections.pop()
   while (sections.length > 0) {
+    if (!sections.join('/')) {
+      sections.pop()
+      continue
+    }
     paths.push(sections.join('/'))
     sections.pop()
   }
diff --git a/packages/web-app-files/src/helpers/statusIndicators.js b/packages/web-app-files/src/helpers/statusIndicators.js
index bd8fe0c587b..0aabedb685c 100644
--- a/packages/web-app-files/src/helpers/statusIndicators.js
+++ b/packages/web-app-files/src/helpers/statusIndicators.js
@@ -68,9 +68,6 @@ const shareTypesIndirect = (path, sharesTree) => {
     return []
   }
 
-  // remove root entry
-  parentPaths.pop()
-
   const shareTypes = {}
 
   parentPaths.forEach((parentPath) => {
diff --git a/packages/web-app-files/src/mixins/actions/rename.js b/packages/web-app-files/src/mixins/actions/rename.js
index 2c5ee39ed65..af3db8c9282 100644
--- a/packages/web-app-files/src/mixins/actions/rename.js
+++ b/packages/web-app-files/src/mixins/actions/rename.js
@@ -73,7 +73,8 @@ export default {
         const parentPaths = getParentPaths(resources[0].path, false).map((path) => {
           return prefix + path
         })
-        parentResources = await this.$client.files.list(parentPaths[0], 1)
+        const parentPathRoot = parentPaths[0] ?? prefix
+        parentResources = await this.$client.files.list(parentPathRoot, 1)
         parentResources = parentResources.map(buildResource)
       }
 
diff --git a/packages/web-app-files/tests/unit/components/SideBar/Details/__snapshots__/FileDetails.spec.js.snap b/packages/web-app-files/tests/unit/components/SideBar/Details/__snapshots__/FileDetails.spec.js.snap
index e3ad657fff7..3c22b0d63b9 100644
--- a/packages/web-app-files/tests/unit/components/SideBar/Details/__snapshots__/FileDetails.spec.js.snap
+++ b/packages/web-app-files/tests/unit/components/SideBar/Details/__snapshots__/FileDetails.spec.js.snap
@@ -123,7 +123,10 @@ exports[`Details SideBar Panel displays a resource of type file on a private pag
     <div data-testid="preview" class="details-preview oc-flex oc-flex-middle oc-flex-center oc-mb" style="background-image: none;">
       <oc-spinner-stub></oc-spinner-stub>
     </div>
-    <!---->
+    <div data-testid="sharingInfo" class="oc-flex oc-flex-middle oc-my-m">
+      <oc-status-indicators-stub resource="[object Object]" indicators="[object Object]"></oc-status-indicators-stub>
+      <p class="oc-my-rm oc-mx-s">This file has been shared.</p>
+    </div>
     <table aria-label="Overview of the information about the selected file" class="details-table">
       <tr data-testid="timestamp">
         <th scope="col" class="oc-pr-s">Last modified</th>
@@ -159,7 +162,10 @@ exports[`Details SideBar Panel displays a resource of type file on a private pag
     <div data-testid="preview" class="details-preview oc-flex oc-flex-middle oc-flex-center oc-mb" style="background-image: none;">
       <oc-spinner-stub></oc-spinner-stub>
     </div>
-    <!---->
+    <div data-testid="sharingInfo" class="oc-flex oc-flex-middle oc-my-m">
+      <oc-status-indicators-stub resource="[object Object]" indicators="[object Object]"></oc-status-indicators-stub>
+      <p class="oc-my-rm oc-mx-s">This file has been shared.</p>
+    </div>
     <table aria-label="Overview of the information about the selected file" class="details-table">
       <tr data-testid="timestamp">
         <th scope="col" class="oc-pr-s">Last modified</th>
@@ -215,7 +221,10 @@ exports[`Details SideBar Panel displays a resource of type file on a public page
     <div data-testid="preview" class="details-preview oc-flex oc-flex-middle oc-flex-center oc-mb" style="background-image: none;">
       <oc-spinner-stub></oc-spinner-stub>
     </div>
-    <!---->
+    <div data-testid="sharingInfo" class="oc-flex oc-flex-middle oc-my-m">
+      <oc-status-indicators-stub resource="[object Object]" indicators="[object Object]"></oc-status-indicators-stub>
+      <p class="oc-my-rm oc-mx-s">This file has been shared.</p>
+    </div>
     <table aria-label="Overview of the information about the selected file" class="details-table">
       <tr data-testid="timestamp">
         <th scope="col" class="oc-pr-s">Last modified</th>
@@ -251,7 +260,10 @@ exports[`Details SideBar Panel displays a resource of type file on a public page
     <div data-testid="preview" class="details-preview oc-flex oc-flex-middle oc-flex-center oc-mb" style="background-image: none;">
       <oc-spinner-stub></oc-spinner-stub>
     </div>
-    <!---->
+    <div data-testid="sharingInfo" class="oc-flex oc-flex-middle oc-my-m">
+      <oc-status-indicators-stub resource="[object Object]" indicators="[object Object]"></oc-status-indicators-stub>
+      <p class="oc-my-rm oc-mx-s">This file has been shared.</p>
+    </div>
     <table aria-label="Overview of the information about the selected file" class="details-table">
       <tr data-testid="timestamp">
         <th scope="col" class="oc-pr-s">Last modified</th>
@@ -343,7 +355,10 @@ exports[`Details SideBar Panel displays a resource of type folder on a private p
     <div class="details-icon-wrapper oc-width-1-1 oc-flex oc-flex-middle oc-flex-center oc-mb">
       <oc-resource-icon-stub resource="[object Object]" size="xxxlarge" class="details-icon"></oc-resource-icon-stub>
     </div>
-    <!---->
+    <div data-testid="sharingInfo" class="oc-flex oc-flex-middle oc-my-m">
+      <oc-status-indicators-stub resource="[object Object]" indicators="[object Object]"></oc-status-indicators-stub>
+      <p class="oc-my-rm oc-mx-s">This folder has been shared.</p>
+    </div>
     <table aria-label="Overview of the information about the selected file" class="details-table">
       <tr data-testid="timestamp">
         <th scope="col" class="oc-pr-s">Last modified</th>
@@ -379,7 +394,10 @@ exports[`Details SideBar Panel displays a resource of type folder on a private p
     <div class="details-icon-wrapper oc-width-1-1 oc-flex oc-flex-middle oc-flex-center oc-mb">
       <oc-resource-icon-stub resource="[object Object]" size="xxxlarge" class="details-icon"></oc-resource-icon-stub>
     </div>
-    <!---->
+    <div data-testid="sharingInfo" class="oc-flex oc-flex-middle oc-my-m">
+      <oc-status-indicators-stub resource="[object Object]" indicators="[object Object]"></oc-status-indicators-stub>
+      <p class="oc-my-rm oc-mx-s">This folder has been shared.</p>
+    </div>
     <table aria-label="Overview of the information about the selected file" class="details-table">
       <tr data-testid="timestamp">
         <th scope="col" class="oc-pr-s">Last modified</th>
@@ -435,7 +453,10 @@ exports[`Details SideBar Panel displays a resource of type folder on a public pa
     <div class="details-icon-wrapper oc-width-1-1 oc-flex oc-flex-middle oc-flex-center oc-mb">
       <oc-resource-icon-stub resource="[object Object]" size="xxxlarge" class="details-icon"></oc-resource-icon-stub>
     </div>
-    <!---->
+    <div data-testid="sharingInfo" class="oc-flex oc-flex-middle oc-my-m">
+      <oc-status-indicators-stub resource="[object Object]" indicators="[object Object]"></oc-status-indicators-stub>
+      <p class="oc-my-rm oc-mx-s">This folder has been shared.</p>
+    </div>
     <table aria-label="Overview of the information about the selected file" class="details-table">
       <tr data-testid="timestamp">
         <th scope="col" class="oc-pr-s">Last modified</th>
@@ -471,7 +492,10 @@ exports[`Details SideBar Panel displays a resource of type folder on a public pa
     <div class="details-icon-wrapper oc-width-1-1 oc-flex oc-flex-middle oc-flex-center oc-mb">
       <oc-resource-icon-stub resource="[object Object]" size="xxxlarge" class="details-icon"></oc-resource-icon-stub>
     </div>
-    <!---->
+    <div data-testid="sharingInfo" class="oc-flex oc-flex-middle oc-my-m">
+      <oc-status-indicators-stub resource="[object Object]" indicators="[object Object]"></oc-status-indicators-stub>
+      <p class="oc-my-rm oc-mx-s">This folder has been shared.</p>
+    </div>
     <table aria-label="Overview of the information about the selected file" class="details-table">
       <tr data-testid="timestamp">
         <th scope="col" class="oc-pr-s">Last modified</th>
diff --git a/packages/web-app-files/tests/unit/components/SideBar/Shares/Collaborators/RoleDropdown.spec.js b/packages/web-app-files/tests/unit/components/SideBar/Shares/Collaborators/RoleDropdown.spec.js
index 3fea667faba..3f03ba98f47 100644
--- a/packages/web-app-files/tests/unit/components/SideBar/Shares/Collaborators/RoleDropdown.spec.js
+++ b/packages/web-app-files/tests/unit/components/SideBar/Shares/Collaborators/RoleDropdown.spec.js
@@ -274,7 +274,10 @@ function getMountOptions({
     },
     store: getStore(sharesTree),
     localVue,
-    stubs
+    stubs,
+    provide: {
+      incomingParentShare: {}
+    }
   }
 }
 
diff --git a/packages/web-app-files/tests/unit/components/SideBar/Shares/FileLinks.spec.js b/packages/web-app-files/tests/unit/components/SideBar/Shares/FileLinks.spec.js
index 24ead3fa009..ff91cf1a438 100644
--- a/packages/web-app-files/tests/unit/components/SideBar/Shares/FileLinks.spec.js
+++ b/packages/web-app-files/tests/unit/components/SideBar/Shares/FileLinks.spec.js
@@ -208,6 +208,9 @@ describe('FileLinks', () => {
     return shallowMount(FileLinks, {
       localVue,
       store: store,
+      provide: {
+        incomingParentShare: {}
+      },
       stubs: {
         ...stubs
       },
@@ -229,6 +232,9 @@ describe('FileLinks', () => {
     return mount(FileLinks, {
       localVue,
       store: store,
+      provide: {
+        incomingParentShare: {}
+      },
       mocks: {
         $route: {
           params: {}
diff --git a/packages/web-app-files/tests/unit/components/SideBar/Shares/FileShares.spec.js b/packages/web-app-files/tests/unit/components/SideBar/Shares/FileShares.spec.js
index fb8c587ae79..c8a5a54eea7 100644
--- a/packages/web-app-files/tests/unit/components/SideBar/Shares/FileShares.spec.js
+++ b/packages/web-app-files/tests/unit/components/SideBar/Shares/FileShares.spec.js
@@ -278,6 +278,9 @@ function getMountedWrapper(data) {
 
   return mount(FileShares, {
     localVue,
+    provide: {
+      incomingParentShare: {}
+    },
     setup: () => ({
       currentStorageId: storageId
     }),
@@ -309,6 +312,9 @@ function getShallowMountedWrapper(data, loading = false) {
       currentStorageId: storageId,
       hasResharing: false
     }),
+    provide: {
+      incomingParentShare: {}
+    },
     store: createStore(data),
     stubs: {
       ...stubs,
diff --git a/packages/web-app-files/tests/unit/components/SideBar/Shares/SharesPanel.spec.js b/packages/web-app-files/tests/unit/components/SideBar/Shares/SharesPanel.spec.js
index 62844c58e26..330fdad6166 100644
--- a/packages/web-app-files/tests/unit/components/SideBar/Shares/SharesPanel.spec.js
+++ b/packages/web-app-files/tests/unit/components/SideBar/Shares/SharesPanel.spec.js
@@ -18,14 +18,6 @@ const ocLoaderStubSelector = 'oc-loader-stub'
 
 jest.mock('web-pkg/src/composables/reactivity')
 describe('SharesPanel', () => {
-  it('reloads shares if highlighted file is changed', async () => {
-    const spyOnReloadShares = jest.spyOn(SharesPanel.methods, '$_reloadShares').mockImplementation()
-    const wrapper = getShallowWrapper()
-    wrapper.vm.$store.commit('Files/SET_HIGHLIGHTED_FILE', { name: '2' })
-    await wrapper.vm.$nextTick()
-    expect(spyOnReloadShares).toHaveBeenCalledTimes(2)
-  })
-
   describe('when loading is set to true', () => {
     it('should show the oc loader', () => {
       const wrapper = getShallowWrapper({ sharesLoading: true })
@@ -47,7 +39,8 @@ describe('SharesPanel', () => {
     return shallowMount(SharesPanel, {
       localVue,
       provide: {
-        activePanel: null
+        activePanel: null,
+        displayedItem: {}
       },
       store: new Vuex.Store({
         modules: {
diff --git a/packages/web-app-files/tests/unit/helpers/path.spec.js b/packages/web-app-files/tests/unit/helpers/path.spec.js
index 0c2d9b88e4d..cc3f000bbbd 100644
--- a/packages/web-app-files/tests/unit/helpers/path.spec.js
+++ b/packages/web-app-files/tests/unit/helpers/path.spec.js
@@ -13,7 +13,7 @@ describe('build an array of parent paths from a provided path', () => {
 
   it('should prepend resulting paths with a "/" if none was given', () => {
     const paths = getParentPaths('a/b/c', false)
-    expect(paths).toEqual(['/a/b', '/a', ''])
+    expect(paths).toEqual(['/a/b', '/a'])
   })
 
   it('should make no difference between "a/b/c" and "/a/b/c" with includeCurrent=false', () => {
@@ -36,11 +36,11 @@ describe('build an array of parent paths from a provided path', () => {
 
   it('should not interpret a trailing slash as yet another path segment', () => {
     const paths = getParentPaths('/a/b/c/', true)
-    expect(paths).toEqual(['/a/b/c', '/a/b', '/a', ''])
+    expect(paths).toEqual(['/a/b/c', '/a/b', '/a'])
   })
 
   it('should include the provided path in the result if includeCurrent=true', () => {
     const paths = getParentPaths('a/b/c', true)
-    expect(paths).toEqual(['/a/b/c', '/a/b', '/a', ''])
+    expect(paths).toEqual(['/a/b/c', '/a/b', '/a'])
   })
 })
diff --git a/tests/e2e/support/objects/app-files/share/actions.ts b/tests/e2e/support/objects/app-files/share/actions.ts
index 3bc0838a2a8..41d8846e117 100644
--- a/tests/e2e/support/objects/app-files/share/actions.ts
+++ b/tests/e2e/support/objects/app-files/share/actions.ts
@@ -81,13 +81,14 @@ export const inviteMembers = async (args: inviteMembersArgs): Promise<void> => {
   const { page, role, recipients } = args
   for (const recipient of recipients) {
     const shareInputLocator = page.locator(invitationInput)
+    await shareInputLocator.click()
     await Promise.all([
       page.waitForResponse((resp) => resp.url().includes('sharees') && resp.status() === 200),
       shareInputLocator.fill(recipient.id)
     ])
     await shareInputLocator.focus()
     await page.waitForSelector('.vs--open')
-    await page.locator(invitationInput).press('Enter')
+    await page.locator('.vs__dropdown-option').click()
 
     await page.locator(filesCollaboratorRolesSelector).click()
     await page.locator(util.format(collaboratorRoleItemSelector, role)).click()