first after 100 3

app/components/ReportSheetViewModal.tsx

@@ -694,7 +694,9 @@ function ReportSheetNotes({ report }: { report: any }) {
       </div>
       <div className="border-2 border-black mb-4 min-h-[100px]">
         <div className="p-4 text-center">
+           <pre>
           {report.notes || 'No additional notes'}
+          </pre>
         </div>
       </div>
     </>

app/components/ReportViewModal.tsx

@@ -474,8 +474,10 @@ function ReportNotes({ report }: { report: any }) {
         Notes & Comments
       </div>
       <div className="border-2 border-black mb-4 min-h-[100px]">
-        <div className="p-4 text-center">
+        <div className="p-4 text-center"> 
+          <pre>
           {report.notes || 'No additional notes'}
+          </pre>
         </div>
       </div>
     </>