diff --git a/frontend/src/lib/components/NoteCard.svelte b/frontend/src/lib/components/NoteCard.svelte
index c973084..d7b35f1 100644
--- a/frontend/src/lib/components/NoteCard.svelte
+++ b/frontend/src/lib/components/NoteCard.svelte
@@ -5,6 +5,12 @@
 	import { createEventDispatcher } from 'svelte';
 	const dispatch = createEventDispatcher();
 
+	import { marked } from 'marked'; // Import the markdown parser
+
+	const renderMarkdown = (markdown: string) => {
+		return marked(markdown);
+	};
+
 	import Launch from '~icons/mdi/launch';
 	import TrashCan from '~icons/mdi/trash-can';
 	import Calendar from '~icons/mdi/calendar';
@@ -72,9 +78,11 @@
 			<div class="badge badge-error">{$t('adventures.out_of_range')}</div>
 		{/if}
 		{#if note.content && note.content.length > 0}
-			<p class="line-clamp-6">
-				{note.content}
-			</p>
+			<article
+					class="prose overflow-auto max-h-72 max-w-full p-4 border border-neutral bg-base-100 rounded-lg mb-4 mt-4"
+			>
+					{@html renderMarkdown(note.content || '')}
+			</article>
 		{/if}
 		{#if note.links && note.links.length > 0}
 			<p>