diff --git a/src/components/TextReuseClusterMonitor.vue b/src/components/TextReuseClusterMonitor.vue
index 6fc62cbe..7e22ba0d 100644
--- a/src/components/TextReuseClusterMonitor.vue
+++ b/src/components/TextReuseClusterMonitor.vue
@@ -11,9 +11,11 @@
           <h4
             class="font-size-inherit sans m-0 px-2"
             v-html="
-              $t('numbers.passages', {
-                n: totalItems
-              })
+              isLoading
+                ? $t('loading')
+                : $t('numbers.passages', {
+                    n: totalItems
+                  })
             "
           ></h4>
           <i-dropdown
@@ -81,6 +83,8 @@ const items = ref<TextReusePassage[]>([])
 const orderBy = ref<string>('-date')
 const limit = ref<number>(10)
 const offset = ref<number>(0)
+const isLoading = ref<boolean>(false)
+
 const shouldUseSearchFilters = ref<boolean>(false)
 
 const pagination = computed(() => ({
@@ -94,8 +98,18 @@ const changePage = (page: number) => {
   loadPassages()
 }
 
+const query = computed(() => {
+  return {
+    filters: shouldUseSearchFilters.value ? props.filters : [],
+    offset: offset.value,
+    limit: limit.value,
+    order_by: orderBy.value
+  }
+})
+
 const loadPassages = async () => {
   const filters = shouldUseSearchFilters.value ? props.filters : []
+  isLoading.value = true
   const { data, total } = await textReusePassageService.find({
     query: {
       filters: filters.concat([{ type: 'textReuseCluster', q: props.item.id }]),
@@ -106,6 +120,7 @@ const loadPassages = async () => {
   })
   totalItems.value = total
   items.value = data
+  isLoading.value = false
 }
 
 onMounted(async () => {
diff --git a/src/components/TextReuseExplorerPage.vue b/src/components/TextReuseExplorerPage.vue
index 1e1b3efa..6f48c76c 100644
--- a/src/components/TextReuseExplorerPage.vue
+++ b/src/components/TextReuseExplorerPage.vue
@@ -180,7 +180,6 @@
             class="m-3 pb-4 border-bottom"
             v-for="item in passages"
             :key="item.id"
-            @click="handleTextReusePassageClick"
           />
         </div>
       </template>
@@ -391,29 +390,37 @@ export default {
         [CommonQueryParameters.SearchFilters]: serializeFilters(optimizeFilters(filters))
       })
     },
-    handleTextReusePassageClick(passage) {
-      // eslint-disable-next-line
-      console.debug('[TextReuseExplorer] handleTextReusePassageClick', passage)
-      // filter exists, update it
-      const filterExists = this.filters.some(({ type }) => type === 'textReuseCluster')
-      const trcFilter = FilterFactory.create({
-        type: 'textReuseCluster',
-        q: passage.textReuseCluster.id
-      })
-      if (filterExists) {
-        this.handleFiltersChanged(
-          this.filters.map(filter => {
-            if (filter.type === 'textReuseCluster') {
-              return trcFilter
-            }
-            return filter
-          })
-        )
-        return
-      } else {
-        this.handleFiltersChanged([...this.filters, trcFilter])
-      }
-    },
+    // UNUSED CODE
+    // handleTextReusePassageClick(passage) {
+    //   // eslint-disable-next-line
+    //   console.debug('[TextReuseExplorer] handleTextReusePassageClick', passage)
+    //   if (typeof passage.textReuseCluster?.id !== 'string') {
+    //     console.warn(
+    //       '[TextReuseExplorer] handleTextReusePassageClick \n - no textReuseCluster.id found in passage:',
+    //       passage
+    //     )
+    //     return
+    //   }
+    //   // filter exists, update it
+    //   const filterExists = this.filters.some(({ type }) => type === 'textReuseCluster')
+    //   const trcFilter = FilterFactory.create({
+    //     type: 'textReuseCluster',
+    //     q: passage.textReuseCluster.id
+    //   })
+    //   if (filterExists) {
+    //     this.handleFiltersChanged(
+    //       this.filters.map(filter => {
+    //         if (filter.type === 'textReuseCluster') {
+    //           return trcFilter
+    //         }
+    //         return filter
+    //       })
+    //     )
+    //     return
+    //   } else {
+    //     this.handleFiltersChanged([...this.filters, trcFilter])
+    //   }
+    // },
     handleAddToCollectionClick(item) {
       // eslint-disable-next-line
       console.debug('[TextReuseExplorer] handleAddToCollectionClick', item)
diff --git a/src/components/modules/ItemSelector.vue b/src/components/modules/ItemSelector.vue
index 9ae6aa2a..cce61332 100644
--- a/src/components/modules/ItemSelector.vue
+++ b/src/components/modules/ItemSelector.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="ItemSelector d-inline" v-on:click.prevent.stop="selectItem">
+  <div class="ItemSelector d-inline" v-on:click.prevent.stop="selectItem" title="See details">
     <slot></slot>
     <span v-if="label" class="ItemSelector_label underline">{{ label }}</span>
     <span v-else-if="!hideIcon" class="dripicons-enter icon-link"></span>
@@ -19,58 +19,58 @@ export default {
   props: {
     uid: {
       type: String,
-      required: true,
+      required: true
     },
     item: {
       type: Object,
-      required: true,
+      required: true
     },
     type: {
       type: String,
-      required: true,
+      required: true
     },
     defaultClickActionDisabled: {
       type: Boolean,
-      default: false,
+      default: false
     },
     label: {
-      type: String,
+      type: String
     },
     searchIndex: {
       type: String,
-      default: 'search',
+      default: 'search'
     },
     hideIcon: {
       type: Boolean,
-      default: false,
-    },
+      default: false
+    }
   },
   methods: {
     selectItem() {
       const params = {
         item: {
           ...this.item,
-          uid: this.uid,
+          uid: this.uid
         },
-        type: this.type,
+        type: this.type
       }
       if (!this.defaultClickActionDisabled) {
         this.selectionMonitorStore.show({
           item: this.item,
           searchIndex: this.searchIndex,
           type: this.type,
-          applyCurrentSearchFilters: true,
+          applyCurrentSearchFilters: true
         })
       }
 
       this.$emit('click', {
         params,
-        defaultActionExecuted: !this.defaultClickActionDisabled,
+        defaultActionExecuted: !this.defaultClickActionDisabled
       })
-    },
+    }
   },
   computed: {
-    ...mapStores(useSelectionMonitorStore),
+    ...mapStores(useSelectionMonitorStore)
   }
 }
 </script>
diff --git a/src/components/modules/lists/ClusterItem.vue b/src/components/modules/lists/ClusterItem.vue
index ac168708..3dd2428d 100644
--- a/src/components/modules/lists/ClusterItem.vue
+++ b/src/components/modules/lists/ClusterItem.vue
@@ -1,10 +1,15 @@
 <template>
   <div class="ClusterItem">
     <span class="d-flex align-self-stretch flex-shrink-0 selection-indicator" />
-    <TextReusePassageItemLabel :item="textReusePassageItem" class="border-left pl-2 my-2 small border-tertiary" />
+    <TextReusePassageItemLabel :item="textReusePassageItem" class="border-left pl-2 my-2" />
 
     <div class="rounded border border-tertiary bg-white shadow-sm p-1">
-      <Ellipsis v-bind:max-height="300" v-bind:initialHeight="200" :additional-height="50" @click.prevent.stop>
+      <Ellipsis
+        v-bind:max-height="300"
+        v-bind:initialHeight="200"
+        :additional-height="50"
+        @click.prevent.stop
+      >
         <p class="text-sample p-2">
           <span>{{ item.textSampleContent }}</span>
         </p>
@@ -12,8 +17,12 @@
     </div>
     <div class="small text-muted mb-2" v-html="textReuseClusterSummary"></div>
 
-    <b-button variant="outline-secondary" size="sm" class="TextReusePassageItem_compareBtn float-left rounded shadow-sm"
-      @click="handleClusterClick">
+    <b-button
+      variant="outline-secondary"
+      size="sm"
+      class="TextReusePassageItem_compareBtn float-left rounded shadow-sm"
+      @click="handleClusterClick"
+    >
       {{ $t('seeTextReuseCluster') }}
     </b-button>
   </div>
@@ -30,7 +39,7 @@ export default {
   name: 'ClusterItem',
   components: {
     TextReusePassageItemLabel,
-    Ellipsis,
+    Ellipsis
   },
   props: {
     selected: Boolean,
@@ -39,8 +48,8 @@ export default {
     showLink: Boolean,
     item: {
       // must be an instance of TextReuseCluster
-      type: Object,
-    },
+      type: Object
+    }
   },
   methods: {
     handleClusterClick() {
@@ -60,9 +69,9 @@ export default {
         applyCurrentSearchFilters: false,
         displayTimeline: false,
         displayActionButtons: false,
-        displayCurrentSearchFilters: false,
+        displayCurrentSearchFilters: false
       })
-    },
+    }
   },
   computed: {
     ...mapStores(useSelectionMonitorStore),
@@ -71,15 +80,15 @@ export default {
         id: this.item.textSampleArticle.id,
         title: this.item.textSampleTitle,
         newspaper: {
-          id: this.item.textSampleArticle.id.split('-')[0],
+          id: this.item.textSampleArticle.id.split('-')[0]
         },
         date: this.item.textSampleDate,
         pageNumbers: [1],
         issue: {
-          id: this.item.textSampleArticle.id.split('-i')[0],
+          id: this.item.textSampleArticle.id.split('-i')[0]
         },
         article: {
-          id: this.item.textSampleArticle.id,
+          id: this.item.textSampleArticle.id
         },
         content: this.item.textSampleContent,
         textReuseCluster: {
@@ -88,28 +97,28 @@ export default {
           lexicalOverlap: this.item.lexicalOverlap,
           timeDifferenceDay: this.item.timeDifferenceDay,
           article: {
-            id: this.item.textSampleArticle.id,
-          },
-        },
+            id: this.item.textSampleArticle.id
+          }
+        }
       }
     },
     textReuseClusterSummary() {
       const clusterSizeLabel = this.$tc('numbers.clusterSize', this.item.clusterSize, {
-        n: this.$n(this.item.clusterSize),
+        n: this.$n(this.item.clusterSize)
       })
       const lexicalOverlapLabel = this.$tc('numbers.lexicalOverlap', this.item.lexicalOverlap, {
-        n: this.$n(Math.round(this.item.lexicalOverlap * 100) / 100),
+        n: this.$n(Math.round(this.item.lexicalOverlap * 100) / 100)
       })
 
       return this.$t('textReuseClusterSummary', {
         clusterSize: clusterSizeLabel,
         lexicalOverlap: lexicalOverlapLabel,
         timespan: this.$tc('numbers.days', this.item.timeDifferenceDay, {
-          n: this.item.timeDifferenceDay,
-        }),
+          n: this.item.timeDifferenceDay
+        })
       })
-    },
-  },
+    }
+  }
 }
 </script>
 
@@ -127,7 +136,8 @@ export default {
 }
 </style>
 
-<i18n lang="json">{
+<i18n lang="json">
+{
   "en": {
     "numbers": {
       "days": "<span class='number'>{n}</span> day|<span class='number'>{n}</span> days"
@@ -136,4 +146,5 @@ export default {
     "seeTextReuseCluster": "Compare passages in cluster",
     "textReuseClusterSummary": "Cluster size: {clusterSize} with {lexicalOverlap} over {timespan}."
   }
-}</i18n>
+}
+</i18n>
diff --git a/src/components/modules/lists/TextReusePassageItem.vue b/src/components/modules/lists/TextReusePassageItem.vue
index 00ecf297..c642019f 100644
--- a/src/components/modules/lists/TextReusePassageItem.vue
+++ b/src/components/modules/lists/TextReusePassageItem.vue
@@ -2,7 +2,7 @@
   <!-- on hover, show the buttons -->
   <div class="TextReusePassageItem">
     <div>
-      <TextReusePassageItemLabel :item="item" class="border-left pl-2 my-2 small border-tertiary" />
+      <TextReusePassageItemLabel :item="item" class="border-left pl-2 my-2" />
     </div>
     <!-- {{ item.collections }} -->
     <div class="rounded border border-tertiary bg-white shadow-sm p-1">
diff --git a/src/components/modules/lists/TextReusePassageItemLabel.vue b/src/components/modules/lists/TextReusePassageItemLabel.vue
index a0e9b6e9..de9d6f27 100644
--- a/src/components/modules/lists/TextReusePassageItemLabel.vue
+++ b/src/components/modules/lists/TextReusePassageItemLabel.vue
@@ -1,74 +1,96 @@
 <template>
   <div class="TextReusePassageItemLabel">
-    <h3>
-      <router-link
-        v-if="item.article"
-        :to="{
-          name: 'issue-viewer',
-          params: {
-            issue_uid: item.issue.id,
-          },
-          query: {
-            p: item.pageNumbers[0],
-            articleId: item.article.id.match(/-([i0-9]+$)/)[1],
-          },
-        }"
-      >
-        {{ item.title }}
-      </router-link>
+    <h3 class="font-size-inherit m-0">
+      <span class="small sans">Passage in:&nbsp;</span>
+      <RouterLink class="font-weight-bold text-decoration-underline" :to="contentItemRoute">{{
+        item.title
+      }}</RouterLink>
     </h3>
-    <router-link
-      :to="{ name: 'newspaper', params: { newspaper_uid: item.newspaper.id } }"
-      class="newspaper"
-    >
-      {{ item.newspaper.name || item.newspaper.id }}
-    </router-link>
+
+    <RouterLink class="font-weight-bold text-decoration-underline small" :to="newspaperRoute">
+      {{ newspaperName }}
+    </RouterLink>
+
     <ItemSelector
+      v-if="item.newspaper"
       :uid="item.newspaper.id"
-      :item="item.newspaper"
+      :item="{
+        ...item.newspaper,
+        uid: item.newspaper.id
+      }"
       type="newspaper"
-      search-index="textReuse"
     />
-    &nbsp;
-    <span class="small-caps date">{{ $d(new Date(item.date), 'long') }}</span>
-    <span class="small-caps date"> – {{ pages }}</span>
+    <span class="small ml-2">
+      {{ $d(new Date(item.date), 'short') }} &ndash;
+      {{ $tc('pp', item.pageNumbers.length, { pages: item.pageNumbers.join(',') }) }}
+    </span>
   </div>
 </template>
-<script>
+
+<script setup lang="ts">
+import { computed, defineProps, withDefaults } from 'vue'
+import { RouterLink } from 'vue-router'
 import ItemSelector from '../ItemSelector.vue'
 
-export default {
-  name: 'TextReusePassageItemLabel',
-  components: { ItemSelector },
-  props: {
-    item: {
-      type: Object,
-      required: true,
-    },
-  },
+export interface Props {
+  item: any
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  item: null
+})
+
+const newspaperName = computed(() => {
+  if (!props.item.newspaper) {
+    console.warn('No newspaper found for item', props.item)
+    return '-'
+  }
+  if (props.item.newspaper.name) {
+    return props.item.newspaper.name
+  }
+  if ((window as any).impressoNewspapers) {
+    const newspaper = (window as any).impressoNewspapers[props.item.newspaper.id]
+    if (newspaper) {
+      return newspaper.name
+    }
+  }
+  console.warn('No newspaper found in cache for item', props.item)
+  return '-'
+})
+
+const contentItemRoute = computed(() => {
+  const p = props.item.pageNumbers[0]
+  const articleId = props.item.article.id.match(/-([i0-9]+$)/)[1]
 
-  computed: {
-    pages() {
-      return this.$tc('pp', this.item.pageNumbers.length, {
-        pages: this.item.pageNumbers.join(','),
-      })
+  return {
+    name: 'issue-viewer',
+    params: {
+      issue_uid: props.item.issue.id
     },
-  },
-}
-</script>
-<style>
-.TextReusePassageItemLabel .newspaper {
-  font-weight: bold;
-  font-size: inherit;
-}
-.TextReusePassageItemLabel h3 {
-  font-size: inherit;
-  margin-bottom: 0;
-}
+    query: {
+      p,
+      articleId,
+      text: 1
+    }
+  }
+})
 
-.bg-dark .TextReusePassageItemLabel,
-.bg-dark .TextReusePassageItemLabel .newspaper,
-.bg-dark .TextReusePassageItemLabel h3 a {
-  color: #fff;
-}
-</style>
+const newspaperRoute = computed(() => {
+  // Temporary bug fix
+  // for instance, La Sentinelle doesn't have the newspaper id :)
+  const newspaperUid = props.item.newspaper.id
+    ? props.item.newspaper.id
+    : props.item.article.id.match(/^([^-]+)/)[1]
+
+  if (!newspaperUid) {
+    console.error('No newspaper id found for item', props.item)
+    return null
+  }
+  return {
+    name: 'newspaper',
+    params: {
+      newspaper_uid: newspaperUid
+    }
+  }
+})
+</script>
diff --git a/src/styles/style.css b/src/styles/style.css
index c1092669..3cd4aaff 100644
--- a/src/styles/style.css
+++ b/src/styles/style.css
@@ -182,6 +182,9 @@ label {
   font-weight: var(--impresso-wght-smallcaps);
   font-variation-settings: 'wght' var(--impresso-wght-smallcaps);
 }
+.text-decoration-underline {
+  text-decoration: underline;
+}
 .font-weight-bold {
   font-weight: 700;
   font-variation-settings: 'wght' 700;