diff --git a/client/src/components/job-detail-cards/job-detail-cards.notes.component.jsx b/client/src/components/job-detail-cards/job-detail-cards.notes.component.jsx
index 39b27c5f6..57fdec9ba 100644
--- a/client/src/components/job-detail-cards/job-detail-cards.notes.component.jsx
+++ b/client/src/components/job-detail-cards/job-detail-cards.notes.component.jsx
@@ -29,7 +29,7 @@ export default function JobDetailCardsNotesComponent({ loading, data }) {
             bordered
             dataSource={data.notes}
             renderItem={(item) => (
-              <List.Item>
+              <List.Item style={{ whiteSpace: "pre-line" }}>
                 {item.critical ? (
                   <EyeInvisibleFilled style={{ margin: 4, color: "red" }} />
                 ) : null}
diff --git a/client/src/components/jobs-notes/jobs.notes.component.jsx b/client/src/components/jobs-notes/jobs.notes.component.jsx
index e8354b026..2f3459211 100644
--- a/client/src/components/jobs-notes/jobs.notes.component.jsx
+++ b/client/src/components/jobs-notes/jobs.notes.component.jsx
@@ -57,6 +57,9 @@ export function JobNotesComponent({
       dataIndex: "text",
       key: "text",
       ellipsis: true,
+      render: (text, record) => (
+        <span style={{ whiteSpace: "pre-line" }}>{text}</span>
+      ),
     },
 
     {