diff --git a/components/content/ReferencesList.vue b/components/content/ReferencesList.vue
index d36b9b1140b4fcd5421905864c8e9848793b0dba..f72d87d53ba4bbb14412bc0ef339868d93c265d6 100644
--- a/components/content/ReferencesList.vue
+++ b/components/content/ReferencesList.vue
@@ -1,18 +1,20 @@
 <template>
-  <ProseOl v-if="computedItems.length > 0">
-    <ProseA
-      v-for="item in computedItems"
-      :key="item.DOI"
-      :href="item.href"
-      target="blank"
-    >
-      <ProseLi class="refArticle">
-        <div class="ref-title">{{ item.title }}.</div>
-        <div class="ref-authors">{{ item.authorsString }}</div>
-        <div>{{ item?.containerTitle }}</div>
-      </ProseLi>
-    </ProseA>
-  </ProseOl>
+  <ClientOnly fallback-tag="span" fallback="Loading references...">
+    <ProseOl v-if="computedItems.length > 0">
+      <ProseA
+        v-for="item in computedItems"
+        :key="item.DOI"
+        :href="item.href"
+        target="blank"
+      >
+        <ProseLi class="refArticle">
+          <div class="ref-title">{{ item.title }}.</div>
+          <div class="ref-authors">{{ item.authorsString }}</div>
+          <div>{{ item?.containerTitle }}</div>
+        </ProseLi>
+      </ProseA>
+    </ProseOl>
+  </ClientOnly>
 </template>
 
 <script setup lang="ts">