diff --git a/apps/comments/src/components/CommentEntry.vue b/apps/comments/src/components/CommentEntry.vue
index 0b2fd8fea3e96..1a43f76186842 100644
--- a/apps/comments/src/components/CommentEntry.vue
+++ b/apps/comments/src/components/CommentEntry.vue
@@ -105,6 +105,13 @@
 				:arguments="richContent.mentions"
 				useMarkdown
 				@click="onExpand" />
+
+			<!-- Reference preview card, rendered outside the clamped message box -->
+			<NcReferenceList
+				v-if="!editor && !editing"
+				class="comment__reference-list"
+				:text="richContent.message"
+				interactiveOptIn />
 		</div>
 	</component>
 </template>
@@ -132,6 +139,7 @@ import { useDeletedCommentLimbo } from '../store/deletedCommentLimbo.ts'
 // Dynamic loading
 const NcRichContenteditable = defineAsyncComponent(() => import('@nextcloud/vue/components/NcRichContenteditable'))
 const NcRichText = defineAsyncComponent(() => import('@nextcloud/vue/components/NcRichText'))
+const NcReferenceList = defineAsyncComponent(() => import('@nextcloud/vue/components/NcRichText').then((module) => module.NcReferenceList))
 
 export default {
 	name: 'CommentEntry',
@@ -148,6 +156,7 @@ export default {
 		NcButton,
 		NcDateTime,
 		NcLoadingIcon,
+		NcReferenceList,
 		NcRichContenteditable,
 		NcRichText,
 	},
@@ -391,6 +400,11 @@ $comment-padding: 10px;
 			height: auto;
 		}
 	}
+
+	&__reference-list {
+		margin-top: var(--default-grid-baseline);
+		max-width: 100%;
+	}
 }
 
 .rich-contenteditable__input {