diff --git a/src/pages/video/[name].astro b/src/pages/video/[name].astro
index a468b27..fa12b58 100644
--- a/src/pages/video/[name].astro
+++ b/src/pages/video/[name].astro
@@ -38,7 +38,7 @@ const thumbnailUrl = siteUrl(`video/${encodeURIComponent(video.name)}/thumbnail.
     <VideoPlayer client:load src={streamUrl} type={video.contentType} title={title} poster={thumbnailUrl} />
 
     {longDescription && (
-      <p class="max-w-3xl text-base leading-relaxed whitespace-pre-line text-base-content/70">{longDescription}</p>
+      <p class="text-base leading-relaxed whitespace-pre-wrap text-base-content/70">{longDescription}</p>
     )}
   </section>
 </WebsiteLayout>
diff --git a/src/util/video.ts b/src/util/video.ts
index f115d5b..a8a4f3f 100644
--- a/src/util/video.ts
+++ b/src/util/video.ts
@@ -116,7 +116,7 @@ export async function getVideoMetadata(video: ResolvedVideo): Promise<VideoMetad
     metadata = {
       title: tags['title'] || video.name,
       description: tags['description'],
-      longDescription: tags['synopsis']
+      longDescription: tags['synopsis']?.replace(/\\r\\n|\\n/g, '\n') ?? null
     };
   } catch (e) {
     logger.warn({ error: e instanceof Error ? e.message : String(e) }, 'error while reading video metadata');