From 227e0128f981c3c48de8a970c3a11fd1a2801f93 Mon Sep 17 00:00:00 2001
From: Br0wnHammer <kumararyaman26@gmail.com>
Date: Fri, 23 Jan 2026 00:31:24 +0530
Subject: [PATCH] Fix: Incidents Page Detail

---
 .../Components/IncidentDetailsModal/index.jsx | 34 ++++++++++---------
 client/src/locales/en.json                    |  3 +-
 2 files changed, 20 insertions(+), 17 deletions(-)

diff --git a/client/src/Pages/Incidents/Components/IncidentDetailsModal/index.jsx b/client/src/Pages/Incidents/Components/IncidentDetailsModal/index.jsx
index e4dad7c3e..05d296b4a 100644
--- a/client/src/Pages/Incidents/Components/IncidentDetailsModal/index.jsx
+++ b/client/src/Pages/Incidents/Components/IncidentDetailsModal/index.jsx
@@ -45,15 +45,26 @@ const IncidentDetailsModal = ({ open, incidentId, onClose, onResolved }) => {
 				item
 				xs={4}
 			>
-				<Typography variant="body1">{label}</Typography>
+				<Typography
+					variant="body1"
+					sx={{ whiteSpace: "nowrap" }}
+				>
+					{label}
+				</Typography>
 			</Grid>
 			<Grid
 				item
 				xs
+				sx={{ minWidth: 0 }}
 			>
 				<Typography
 					variant="body1"
 					textAlign="right"
+					sx={{
+						overflow: "hidden",
+						textOverflow: "ellipsis",
+						whiteSpace: "nowrap",
+					}}
 				>
 					{value ?? "-"}
 				</Typography>
@@ -171,7 +182,7 @@ const IncidentDetailsModal = ({ open, incidentId, onClose, onResolved }) => {
 										fontWeight={500}
 										sx={{ minWidth: 70 }}
 									>
-										{t("incidentsPage.incidentItemMonitor")}:
+										{t("incidentsPage.incidentItemMonitor")}
 									</Typography>
 									<Typography
 										variant="body1"
@@ -190,7 +201,7 @@ const IncidentDetailsModal = ({ open, incidentId, onClose, onResolved }) => {
 										fontWeight={500}
 										sx={{ minWidth: 70 }}
 									>
-										{t("incidentsPage.URL")}:
+										{t("incidentsPage.URL")}
 									</Typography>
 									<Typography
 										variant="body1"
@@ -295,22 +306,13 @@ const IncidentDetailsModal = ({ open, incidentId, onClose, onResolved }) => {
 											value={incident?.statusCode ?? "-"}
 										/>
 
-										<Typography
-											variant="body2"
-											sx={{
-												fontFamily: "monospace",
-
-												wordBreak: "break-word",
-												lineHeight: 1.6,
-											}}
-										>
-											{incident?.message || "-"}
-										</Typography>
+										<KeyValueRow
+											label={t("incidentsPage.message")}
+											value={incident?.message ?? "-"}
+										/>
 
 										{!isActive && (
 											<>
-												<Divider sx={{ mb: theme.spacing(2) }} />
-
 												<KeyValueRow
 													label={t("incidentsPage.resolutionMethod")}
 													value={toCapitalLetter(incident?.resolutionType) || "-"}
diff --git a/client/src/locales/en.json b/client/src/locales/en.json
index 4f4447b86..d152a1809 100644
--- a/client/src/locales/en.json
+++ b/client/src/locales/en.json
@@ -1236,6 +1236,7 @@
 		"comment": "Comment",
 		"noCommentProvided": "No comment provided",
 		"loadingIncidentDetails": "Loading incident details...",
-		"none": "None"
+		"none": "None",
+		"message": "Message"
 	}
 }