From 594540cff59c08ec136716f3ef5973f440448a40 Mon Sep 17 00:00:00 2001
From: Sajan <sajanghuman18@gmail.com>
Date: Tue, 11 Nov 2025 10:46:34 -0600
Subject: [PATCH] Fix centering issue for status page bars

---
 .../Status/Components/MonitorsList/index.jsx        | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/client/src/Pages/v1/StatusPage/Status/Components/MonitorsList/index.jsx b/client/src/Pages/v1/StatusPage/Status/Components/MonitorsList/index.jsx
index ee2f931fa..7d0d3fcd7 100644
--- a/client/src/Pages/v1/StatusPage/Status/Components/MonitorsList/index.jsx
+++ b/client/src/Pages/v1/StatusPage/Status/Components/MonitorsList/index.jsx
@@ -30,10 +30,9 @@ const MonitorsList = ({
 					<Stack
 						key={monitor._id}
 						width="100%"
-						gap={theme.spacing(2)}
+						gap={theme.spacing(3)}
 						margin="0 auto"
-						maxWidth="1200px"
-						paddingX={theme.spacing(7)}
+						maxWidth="95%"
 					>
 						<Host
 							key={monitor._id}
@@ -46,14 +45,18 @@ const MonitorsList = ({
 						<Stack
 							direction="row"
 							alignItems="center"
-							gap={theme.spacing(20)}
+							gap={theme.spacing(1)}
 						>
 							{statusPage.showCharts !== false && (
 								<Box flex={9}>
 									<StatusPageBarChart checks={monitor?.checks?.slice().reverse()} />
 								</Box>
 							)}
-							<Box flex={statusPage.showCharts !== false ? 1 : 10}>
+							<Box
+								flex={statusPage.showCharts !== false ? 1 : 10}
+								display="flex"
+								justifyContent="right"
+							>
 								<StatusLabel
 									status={status}
 									text={status}