diff --git a/submit-web/src/components/SubmissionItem/ConsultationRecord/ConsultationRecordStaffView/FormFieldSection.tsx b/submit-web/src/components/SubmissionItem/ConsultationRecord/ConsultationRecordStaffView/FormFieldSection.tsx
index e9c7fa0f..6084e2dc 100644
--- a/submit-web/src/components/SubmissionItem/ConsultationRecord/ConsultationRecordStaffView/FormFieldSection.tsx
+++ b/submit-web/src/components/SubmissionItem/ConsultationRecord/ConsultationRecordStaffView/FormFieldSection.tsx
@@ -4,7 +4,6 @@ import {
   Grid,
   RadioGroup,
   Switch,
-  TextField,
   Typography,
 } from "@mui/material";
 import { BCDesignTokens } from "epic.theme";
@@ -20,6 +19,7 @@ const defaultFormData = {
   planWasReviewed: "",
   writtenExplanationsProvidedToParties: "",
   consultationRecords: [],
+  notes: "",
 };
 
 type FormFieldSectionProps = Readonly<{
@@ -154,16 +154,15 @@ export default function FormFieldSection({
             <Typography variant="body1" sx={{ fontWeight: 700 }}>
               Notes/Comments
             </Typography>
-            <TextField
-              fullWidth
-              multiline
-              minRows={4}
-              disabled
-              value={mergedFormData.notes}
+            <Typography
+              variant="body2"
               sx={{
-                mb: 0,
+                whiteSpace: "pre-wrap", // Ensures new lines are preserved
+                wordBreak: "break-word", // Prevents text overflow
               }}
-            />
+            >
+              {mergedFormData.notes}
+            </Typography>
           </Grid>
         </When>
       </Grid>
diff --git a/submit-web/src/components/SubmissionItem/ManagementPlanSubmission/ManagementPlanStaffView/FormFieldSection.tsx b/submit-web/src/components/SubmissionItem/ManagementPlanSubmission/ManagementPlanStaffView/FormFieldSection.tsx
index ccc81497..23c95100 100644
--- a/submit-web/src/components/SubmissionItem/ManagementPlanSubmission/ManagementPlanStaffView/FormFieldSection.tsx
+++ b/submit-web/src/components/SubmissionItem/ManagementPlanSubmission/ManagementPlanStaffView/FormFieldSection.tsx
@@ -5,7 +5,6 @@ import {
   Grid,
   RadioGroup,
   Switch,
-  TextField,
   Typography,
 } from "@mui/material";
 import { BCDesignTokens } from "epic.theme";
@@ -109,16 +108,15 @@ export default function FormFieldSection({ formData }: FormFieldSectionProps) {
             <Typography variant="body1" sx={{ fontWeight: 700 }}>
               Notes/Comments
             </Typography>
-            <TextField
-              fullWidth
-              multiline
-              disabled
-              minRows={4}
-              value={mergedFormData.notes}
+            <Typography
+              variant="body2"
               sx={{
-                mb: 0,
+                whiteSpace: "pre-wrap", // Ensures new lines are preserved
+                wordBreak: "break-word", // Prevents text overflow
               }}
-            />
+            >
+              {mergedFormData.notes}
+            </Typography>
           </Grid>
         </When>
       </Grid>