diff --git a/apps/hub/app/(app)/events/_components/EventCard.tsx b/apps/hub/app/(app)/events/_components/EventCard.tsx
index 4a5884d5..0f66e28f 100644
--- a/apps/hub/app/(app)/events/_components/EventCard.tsx
+++ b/apps/hub/app/(app)/events/_components/EventCard.tsx
@@ -36,7 +36,7 @@ export const EventCard = ({
 					</div>
 					<div className="grid grid-cols-6 gap-4">
 						<div className="col-span-4">
-							<div className="text-left text-balance">
+							<div className="text-left text-balance" data-color-mode="dark">
 								<MDEditor.Markdown
 									source={event.descriptionShort}
 									style={{
diff --git a/apps/hub/app/(app)/events/_components/Modal.tsx b/apps/hub/app/(app)/events/_components/Modal.tsx
index 65f666db..bcf0e910 100644
--- a/apps/hub/app/(app)/events/_components/Modal.tsx
+++ b/apps/hub/app/(app)/events/_components/Modal.tsx
@@ -154,7 +154,7 @@ const ModalBtn = ({
 							<h2 className="flex gap-2 text-lg font-bold">
 								<Info /> Details
 							</h2>
-							<div className="text-balance text-left">
+							<div className="text-balance text-left" data-color-mode="dark">
 								<MDEditor.Markdown
 									source={event.description}
 									style={{