diff --git a/changelog/unreleased/bugfix-sidebar-header-after-deleting-resource b/changelog/unreleased/bugfix-sidebar-header-after-deleting-resource
new file mode 100644
index 00000000000..3add3ae8c65
--- /dev/null
+++ b/changelog/unreleased/bugfix-sidebar-header-after-deleting-resource
@@ -0,0 +1,6 @@
+Bugfix: Sidebar header after deleting resource
+
+The sidebar header will now be removed correctly when you delete the currently selected resource.
+
+https://github.com/owncloud/web/issues/8880
+https://github.com/owncloud/web/pull/8886
diff --git a/packages/web-app-files/src/components/SideBar/SideBar.vue b/packages/web-app-files/src/components/SideBar/SideBar.vue
index 176e8d67ed6..6bcc09d381a 100644
--- a/packages/web-app-files/src/components/SideBar/SideBar.vue
+++ b/packages/web-app-files/src/components/SideBar/SideBar.vue
@@ -21,12 +21,12 @@
   >
     <template #header>
       <file-info
-        v-if="loadedResource && !highlightedFileIsSpace"
+        v-if="highlightedFile && loadedResource && !highlightedFileIsSpace"
         class="sidebar-panel__file_info"
         :is-sub-panel-active="!!activePanel"
       />
       <space-info
-        v-if="loadedResource && highlightedFileIsSpace"
+        v-if="highlightedFile && loadedResource && highlightedFileIsSpace"
         class="sidebar-panel__space_info"
       />
     </template>
@@ -306,6 +306,7 @@ export default defineComponent({
 
     return {
       loadedResource,
+      highlightedFile,
       setActiveSideBarPanel,
       closeSideBar,
       destroySideBar,