diff --git a/src/stories/edit-collection/EditCollection.stories.tsx b/src/stories/edit-collection/EditCollection.stories.tsx
index 70607a6bf..44938f9ad 100644
--- a/src/stories/edit-collection/EditCollection.stories.tsx
+++ b/src/stories/edit-collection/EditCollection.stories.tsx
@@ -6,14 +6,14 @@ import { WithLoggedInUser } from '../WithLoggedInUser'
 import { CollectionMockRepository } from '../collection/CollectionMockRepository'
 import { CollectionLoadingMockRepository } from '../collection/CollectionLoadingMockRepository'
 import { NoCollectionMockRepository } from '../collection/NoCollectionMockRepository'
-import { CollectionMother } from '../../../tests/component/collection/domain/models/CollectionMother'
-import { FakerHelper } from '../../../tests/component/shared/FakerHelper'
+import { CollectionMother } from '@tests/component/collection/domain/models/CollectionMother'
+import { FakerHelper } from '@tests/component/shared/FakerHelper'
+import { ROOT_COLLECTION_ALIAS } from '@tests/e2e-integration/shared/collection/ROOT_COLLECTION_ALIAS'
+import { UpwardHierarchyNodeMother } from '@tests/component/shared/hierarchy/domain/models/UpwardHierarchyNodeMother'
 import { MetadataBlockInfoMockRepository } from '../shared-mock-repositories/metadata-block-info/MetadataBlockInfoMockRepository'
 import { MetadataBlockInfoMockLoadingRepository } from '../shared-mock-repositories/metadata-block-info/MetadataBlockInfoMockLoadingRepository'
 import { MetadataBlockInfoMockErrorRepository } from '../shared-mock-repositories/metadata-block-info/MetadataBlockInfoMockErrorRepository'
 
-import { ROOT_COLLECTION_ALIAS } from '@tests/e2e-integration/shared/collection/ROOT_COLLECTION_ALIAS'
-
 const meta: Meta<typeof EditCollection> = {
   title: 'Pages/Edit Collection',
   component: EditCollection,
@@ -27,6 +27,43 @@ export default meta
 type Story = StoryObj<typeof EditCollection>
 
 export const Default: Story = {
+  render: () => {
+    const collectionRepo = new CollectionMockRepository()
+    collectionRepo.getById = () => {
+      return new Promise((resolve) => {
+        setTimeout(() => {
+          resolve(
+            CollectionMother.create({
+              id: 'science',
+              isReleased: true,
+              name: 'Collection Name',
+              description: 'We do all the science.',
+              affiliation: 'Scientific Research University',
+              hierarchy: UpwardHierarchyNodeMother.createCollection({
+                id: 'science',
+                name: 'Collection Name',
+                parent: UpwardHierarchyNodeMother.createCollection({
+                  id: ROOT_COLLECTION_ALIAS,
+                  name: 'Root'
+                })
+              })
+            })
+          )
+        }, FakerHelper.loadingTimout())
+      })
+    }
+
+    return (
+      <EditCollection
+        collectionId="science"
+        collectionRepository={collectionRepo}
+        metadataBlockInfoRepository={new MetadataBlockInfoMockRepository()}
+      />
+    )
+  }
+}
+
+export const EditingRoot: Story = {
   render: () => (
     <EditCollection
       collectionId={ROOT_COLLECTION_ALIAS}
@@ -35,6 +72,7 @@ export const Default: Story = {
     />
   )
 }
+
 export const Loading: Story = {
   render: () => (
     <EditCollection
diff --git a/tests/component/sections/collection/Collection.spec.tsx b/tests/component/sections/collection/Collection.spec.tsx
index fdb80ac37..34ee54a02 100644
--- a/tests/component/sections/collection/Collection.spec.tsx
+++ b/tests/component/sections/collection/Collection.spec.tsx
@@ -182,7 +182,7 @@ describe('Collection page', () => {
     cy.mountAuthenticated(
       <Collection
         collectionRepository={collectionRepository}
-        collectionId="collection"
+        collectionIdFromParams="collection"
         created={false}
         published={false}
         collectionQueryParams={{ pageQuery: 1 }}