diff --git a/libs/asset-viewer/src/lib/components/asset-search-detail/asset-search-detail.component.html b/libs/asset-viewer/src/lib/components/asset-search-detail/asset-search-detail.component.html
index 5aa483e5..2d0f6cad 100644
--- a/libs/asset-viewer/src/lib/components/asset-search-detail/asset-search-detail.component.html
+++ b/libs/asset-viewer/src/lib/components/asset-search-detail/asset-search-detail.component.html
@@ -128,7 +128,7 @@
               <th translate="search.language"></th>
               <td>
                 <ul class="languages">
-                  <li *ngFor="let language of assetDetail.languages">{{ language }}</li>
+                  <li *ngFor="let language of assetDetail.languages">{{ language | valueItemName }}</li>
                 </ul>
               </td>
             </tr>
diff --git a/libs/asset-viewer/src/lib/state/asset-search/asset-search.selector.ts b/libs/asset-viewer/src/lib/state/asset-search/asset-search.selector.ts
index 3229c573..2e3ba21b 100644
--- a/libs/asset-viewer/src/lib/state/asset-search/asset-search.selector.ts
+++ b/libs/asset-viewer/src/lib/state/asset-search/asset-search.selector.ts
@@ -320,7 +320,7 @@ const makeAssetDetailVMNew = (referenceData: ReferenceData, assetDetail: AssetEd
         return { role: contact.role, contact: referenceData.contacts[contact.contactId] };
       })
       .map((contact) => makeAssetDetailContactVM(referenceData, contact)),
-    languages: assetLanguages,
+    languages: assetLanguages.map(({ languageItemCode: code }) => referenceData.languageItems[code]),
     manCatLabels: manCatLabelRefs.map((manCatLabelItemCode) => referenceData.manCatLabelItems[manCatLabelItemCode]),
     assetFormatCompositions: assetFormatCompositions.map(
       (assetFormatItemCode) => referenceData.assetFormatItems[assetFormatItemCode]