From 66efa25e2b007daa45fbf35164b0c9e6561f27fc Mon Sep 17 00:00:00 2001
From: mannilakash <mannilakash@gmail.com>
Date: Wed, 28 Jan 2026 14:36:51 -0500
Subject: [PATCH] fix: latest incidents panel overflow text on smaller devices

---
 .../LatestIncidentsPanel/IncidentItem.jsx          | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/client/src/Pages/Incidents/Components/LatestIncidentsPanel/IncidentItem.jsx b/client/src/Pages/Incidents/Components/LatestIncidentsPanel/IncidentItem.jsx
index ca5bb640f..c9bf9abd2 100644
--- a/client/src/Pages/Incidents/Components/LatestIncidentsPanel/IncidentItem.jsx
+++ b/client/src/Pages/Incidents/Components/LatestIncidentsPanel/IncidentItem.jsx
@@ -30,12 +30,22 @@ const IncidentItem = ({ incident }) => {
 	return (
 		<Box
 			sx={{
-				display: "grid",
-				gridTemplateColumns: "1fr 100px 80px",
+				display: {
+					xs: "flex",
+					lg: "grid",
+				},
 				alignItems: "center",
+				flexWrap: {
+					xs: "wrap",
+					lg: "nowrap",
+				},
 				gap: theme.spacing(2),
 				width: "100%",
 				py: theme.spacing(0.5),
+
+				gridTemplateColumns: {
+					lg: "1fr 100px 80px",
+				},
 			}}
 		>
 			<Stack