From eca4bb0cb5e690231ec606384763199e3e48c1c3 Mon Sep 17 00:00:00 2001
From: karenvicent <karenvergara@msn.com>
Date: Fri, 27 Jun 2025 10:29:28 -0400
Subject: [PATCH] Fix: center placeholder in content area and merge branch
 'develop' into fix/placeholder-center-align

---
 .../PageSpeed/Details/Components/Charts/PieChart.jsx   | 10 +++++++++-
 .../Details/Components/PerformanceReport/index.jsx     |  3 +++
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/client/src/Pages/PageSpeed/Details/Components/Charts/PieChart.jsx b/client/src/Pages/PageSpeed/Details/Components/Charts/PieChart.jsx
index c9204c38a..eec075684 100644
--- a/client/src/Pages/PageSpeed/Details/Components/Charts/PieChart.jsx
+++ b/client/src/Pages/PageSpeed/Details/Components/Charts/PieChart.jsx
@@ -221,7 +221,15 @@ const PieChart = ({ audits }) => {
 	const colorMap = getColors(performance);
 
 	return (
-		<Box onMouseLeave={() => setExpand(false)}>
+		<Box
+			onMouseLeave={() => setExpand(false)}
+			sx={{
+				display: "flex",
+				justifyContent: "center",
+				alignItems: "center",
+				width: "100%",
+			}}
+		>
 			{expand ? (
 				<MuiPieChart
 					series={[
diff --git a/client/src/Pages/PageSpeed/Details/Components/PerformanceReport/index.jsx b/client/src/Pages/PageSpeed/Details/Components/PerformanceReport/index.jsx
index 838f1ebe4..2f809ebbb 100644
--- a/client/src/Pages/PageSpeed/Details/Components/PerformanceReport/index.jsx
+++ b/client/src/Pages/PageSpeed/Details/Components/PerformanceReport/index.jsx
@@ -26,6 +26,9 @@ const PerformanceReport = ({ shouldRender, audits }) => {
 			<Typography
 				variant="body1"
 				mt="auto"
+				sx={{
+					textAlign: "center",
+				}}
 			>
 				{t("pageSpeedDetailsPerformanceReport")}{" "}
 				<Typography