diff --git a/ui/src/data/components/DataItem.jsx b/ui/src/data/components/DataItem.jsx
index f9acbea90..e6f46af2c 100644
--- a/ui/src/data/components/DataItem.jsx
+++ b/ui/src/data/components/DataItem.jsx
@@ -23,6 +23,7 @@ function DataItem({ metadata, page }) {
   const recordId = metadata.get('control_number');
   const urls = metadata.get('urls');
   const canEdit = metadata.get('can_edit', false);
+  const collaborations = metadata.get('collaborations', []);
 
   return (
     <div data-test-id="data-result-item">
@@ -74,6 +75,7 @@ function DataItem({ metadata, page }) {
             <AuthorsAndCollaborations
               authorCount={authorCount}
               authors={authors}
+              collaborations={collaborations}
             />
           </div>
         </div>
diff --git a/ui/src/data/components/__tests__/__snapshots__/DataItem.test.jsx.snap b/ui/src/data/components/__tests__/__snapshots__/DataItem.test.jsx.snap
index 9e1b0d236..b1ae10a97 100644
--- a/ui/src/data/components/__tests__/__snapshots__/DataItem.test.jsx.snap
+++ b/ui/src/data/components/__tests__/__snapshots__/DataItem.test.jsx.snap
@@ -90,7 +90,7 @@ exports[`DataItem renders with all props set 1`] = `
               },
             ]
           }
-          collaborations={Immutable.List []}
+          collaborations={Array []}
           collaborationsWithSuffix={Immutable.List []}
           enableAuthorsShowAll={false}
         />
@@ -154,7 +154,7 @@ exports[`DataItem renders with only needed props 1`] = `
         <AuthorsAndCollaborations
           authorCount={0}
           authors={Immutable.List []}
-          collaborations={Immutable.List []}
+          collaborations={Array []}
           collaborationsWithSuffix={Immutable.List []}
           enableAuthorsShowAll={false}
         />
diff --git a/ui/src/data/containers/DetailPageContainer/DetailPageContainer.tsx b/ui/src/data/containers/DetailPageContainer/DetailPageContainer.tsx
index 9e4dfec11..5ba1dd91c 100644
--- a/ui/src/data/containers/DetailPageContainer/DetailPageContainer.tsx
+++ b/ui/src/data/containers/DetailPageContainer/DetailPageContainer.tsx
@@ -42,6 +42,7 @@ const DetailPage = ({
   const dois = filterDoisByMaterial(metadata.get('dois', []));
   const recordId = metadata.get('control_number');
   const literatureRecords = metadata.get('literature');
+  const collaborations = metadata.get('collaborations');
 
   const urls = metadata.get('urls');
 
@@ -82,6 +83,7 @@ const DetailPage = ({
                   <AuthorsAndCollaborations
                     authorCount={authorCount}
                     authors={authors}
+                    collaborations={collaborations}
                     enableAuthorsShowAll
                     page="Data detail"
                   />