diff --git a/web/src/views/NovelCondensate.vue b/web/src/views/NovelCondensate.vue
index 846a4293b14c1860253cce0a20056fed7476023d..65a15a07464f6c4034687e83b21a994748b283e1 100644
--- a/web/src/views/NovelCondensate.vue
+++ b/web/src/views/NovelCondensate.vue
@@ -78,6 +78,13 @@
               </p>
             </div>
 
+            <label class="text-right" v-show="generatedId">Generated ID:</label>
+            <div class="col-span-2" v-show="generatedId">
+              <p class="font-medium">
+                <a v-html="'<a href=\'/condensate/' + generatedId + '\'>' + generatedId + '</a>'"></a>
+              </p>
+            </div>
+
             <label class="text-right">Proteins:</label>
             <div class="col-span-2">
               <div
@@ -339,6 +346,7 @@ export default {
       speciesTaxId: '',
       proteins: [],
       synonyms: '',
+      generatedId: '',
       isExperimental: false,
       statusErrMsg: '',
       status: '', // 1. requested, 2. accepted, 3. rejected, 4. synced
@@ -484,6 +492,7 @@ export default {
           vm.id = res.data.data.id;
           vm.name = d.Name;
           vm.speciesTaxId = d.SpeciesTaxId;
+          vm.generatedId = d.GeneratedId;
           vm.isExperimental = d.IsExperimental;
           vm.proteins = d.Proteins;
           vm.synonyms = d.Synonyms;