diff --git a/app/routes/calendar/$id/index.tsx b/app/routes/calendar/$id/index.tsx
index e16e1e796..7b2492e8d 100644
--- a/app/routes/calendar/$id/index.tsx
+++ b/app/routes/calendar/$id/index.tsx
@@ -233,7 +233,9 @@ function Description() {
           <Avatar user={data.event} size="xs" />
           {discordFullName(data.event)}
         </div>
-        <div data-cy="event-description">{data.event.description}</div>
+        <div data-cy="event-description" className="whitespace-pre-wrap">
+          {data.event.description}
+        </div>
       </div>
     </Section>
   );
diff --git a/app/styles/utils.css b/app/styles/utils.css
index cee4b2dd1..9018687b3 100644
--- a/app/styles/utils.css
+++ b/app/styles/utils.css
@@ -78,6 +78,10 @@
   visibility: hidden;
 }
 
+.whitespace-pre-wrap {
+  white-space: pre-wrap;
+}
+
 .flex {
   display: flex;
 }