diff --git a/apps/portal/src/components/questions/card/AnswerCard.tsx b/apps/portal/src/components/questions/card/AnswerCard.tsx
index 68e94d17..256dc3e9 100644
--- a/apps/portal/src/components/questions/card/AnswerCard.tsx
+++ b/apps/portal/src/components/questions/card/AnswerCard.tsx
@@ -53,7 +53,7 @@ export default function AnswerCard({
             Posted on: {format(createdAt, 'h:mm a, MMMM dd, yyyy')}
           </p>
         </div>
-        <p>{content}</p>
+        <p className="whitespace-pre-line">{content}</p>
         {commentCount !== undefined && (
           <div className="flex items-center gap-2 text-slate-500">
             <ChatBubbleLeftRightIcon className="h-6 w-6" />
diff --git a/apps/portal/src/components/questions/comments/CommentListItem.tsx b/apps/portal/src/components/questions/comments/CommentListItem.tsx
index 1039e51c..50c44f11 100644
--- a/apps/portal/src/components/questions/comments/CommentListItem.tsx
+++ b/apps/portal/src/components/questions/comments/CommentListItem.tsx
@@ -44,7 +44,7 @@ export default function CommentListItem({
             Posted on: {format(createdAt, 'h:mm a, MMMM dd, yyyy')}
           </p>
         </div>
-        <p className="pl-1 pt-1">{content}</p>
+        <p className="whitespace-pre-line">{content}</p>
       </div>
     </div>
   );