diff --git a/src/Plugin/ProjectBrowserSource/Recipes.php b/src/Plugin/ProjectBrowserSource/Recipes.php
index c10a934a346904bb98f92538b12b850be372e441..36602ff31aaf2931a7b0732436794d6dd6a489bc 100644
--- a/src/Plugin/ProjectBrowserSource/Recipes.php
+++ b/src/Plugin/ProjectBrowserSource/Recipes.php
@@ -112,7 +112,7 @@ class Recipes extends ProjectBrowserSourceBase {
           ],
           isCompatible: TRUE,
           machineName: basename($path),
-          body: $description ? ['value' => $description] : [],
+          body: $description ? ['summary' => $description] : [],
           title: $recipe['name'],
           author: [],
           packageName: $package_name,
diff --git a/sveltejs/public/build/bundle.js b/sveltejs/public/build/bundle.js
index 8068e44702dc898ddd71dff0d8e3f0cb31adf9e3..6ef58447fa8e647f3fc2c5097d5e123614cbda68 100644
Binary files a/sveltejs/public/build/bundle.js and b/sveltejs/public/build/bundle.js differ
diff --git a/sveltejs/public/build/bundle.js.map b/sveltejs/public/build/bundle.js.map
index 61f98a2e24d3e923700ecb735cb933b7953ae6f6..dcce5d6fd5e2d5768731a906f21a57faa519afe4 100644
Binary files a/sveltejs/public/build/bundle.js.map and b/sveltejs/public/build/bundle.js.map differ
diff --git a/sveltejs/src/DetailModal.svelte b/sveltejs/src/DetailModal.svelte
index 8a80fe2cf41f1cf00ce9e4162860086021afc599..aa530ab202d79b3ecc6d80b88dd07bfb7e612d22 100644
--- a/sveltejs/src/DetailModal.svelte
+++ b/sveltejs/src/DetailModal.svelte
@@ -10,10 +10,9 @@
   // eslint-disable-next-line import/no-mutable-exports,import/prefer-default-export
   export let project;
   const { Drupal } = window;
-
   onMount(() => {
     const description = document.createElement('div');
-    description.innerHTML = project.body.value;
+    description.innerHTML = project.body.value ? project.body.value : '';
     const anchors = description.getElementsByTagName('a');
     for (let i = 0; i < anchors.length; i++) {
       anchors[i].setAttribute('target', '_blank');
@@ -51,9 +50,11 @@
         <ImageCarousel sources={project.project_images} />
       </div>
     {/if}
-    <div class="pb-detail-modal__description" id="description-wrapper">
-      {@html project.body.value}
-    </div>
+    {#if project.body.value}
+      <div class="pb-detail-modal__description" id="description-wrapper">
+        {@html project.body.value}
+      </div>
+    {/if}
   </div>
   <div class="pb-detail-modal__sidebar">
     <!-- <Image sources={project.logo} class="pb-detail-modal__project-logo" /> -->