diff --git a/src/components/Note/LongFormArticle/index.tsx b/src/components/Note/LongFormArticle/index.tsx
index bc47543..78ec426 100644
--- a/src/components/Note/LongFormArticle/index.tsx
+++ b/src/components/Note/LongFormArticle/index.tsx
@@ -96,7 +96,7 @@ export default function LongFormArticle({
         <h1 className="break-words">{metadata.title}</h1>
         {metadata.summary && (
           <blockquote>
-            <p className="break-words">{metadata.summary}</p>
+            <p className="whitespace-pre-line break-words">{metadata.summary}</p>
           </blockquote>
         )}
         {metadata.image && (
diff --git a/src/components/Note/LongFormArticlePreview.tsx b/src/components/Note/LongFormArticlePreview.tsx
index f209f0d..efc4a09 100644
--- a/src/components/Note/LongFormArticlePreview.tsx
+++ b/src/components/Note/LongFormArticlePreview.tsx
@@ -39,7 +39,7 @@ export default function LongFormArticlePreview({
   )
 
   const summaryComponent = metadata.summary && (
-    <div className="line-clamp-4 text-sm text-muted-foreground">{metadata.summary}</div>
+    <div className="line-clamp-4 whitespace-pre-line text-sm text-muted-foreground">{metadata.summary}</div>
   )
 
   if (isSmallScreen) {