diff --git a/src/components/RichText.svelte b/src/components/RichText.svelte
index dbeb900..dd115aa 100644
--- a/src/components/RichText.svelte
+++ b/src/components/RichText.svelte
@@ -4,6 +4,6 @@
 	let { value } = $props();
 </script>
 
-<div id="test" class="typography">
+<div class="typography">
 	<PortableText {value} />
 </div>
diff --git a/src/components/event/EventBlock.svelte b/src/components/event/EventBlock.svelte
index 78cd8db..550c8d9 100644
--- a/src/components/event/EventBlock.svelte
+++ b/src/components/event/EventBlock.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
 	import { PortableText } from '@portabletext/svelte';
 	import { CalendarDays, MapPin, Link as LinkIcon, FilePen, CalendarPlus } from '@lucide/svelte';
+	import RichText from 'components/RichText.svelte';
 
 	let {
 		eventTitle,
@@ -139,9 +140,9 @@
 		<!-- Description -->
 		{#if eventDescription}
 			<div
-				class="text-ecsess-100 mb-6 line-clamp-3 flex-1 text-sm leading-relaxed"
+				class="text-ecsess-100 mb-6 line-clamp-5"
 			>
-				<PortableText value={eventDescription} />
+				<RichText value={eventDescription} />
 			</div>
 		{/if}