From 7d3ea8ac190140e0e70f9d2c7f3f965198ade67b Mon Sep 17 00:00:00 2001
From: Alex Holliday <ajhollid@gmail.com>
Date: Thu, 27 Feb 2025 14:15:52 -0800
Subject: [PATCH] move hover to stack

---
 .../Components/StatusPagesTable/index.jsx     | 23 ++++++++++---------
 1 file changed, 12 insertions(+), 11 deletions(-)

diff --git a/src/Pages/StatusPage/StatusPages/Components/StatusPagesTable/index.jsx b/src/Pages/StatusPage/StatusPages/Components/StatusPagesTable/index.jsx
index 620fa53ea..0e43b9012 100644
--- a/src/Pages/StatusPage/StatusPages/Components/StatusPagesTable/index.jsx
+++ b/src/Pages/StatusPage/StatusPages/Components/StatusPagesTable/index.jsx
@@ -28,17 +28,6 @@ const StatusPagesTable = ({ data }) => {
 					navigate(url);
 				}
 			},
-			getCellSx: (row) => {
-				return {
-					...(row.isPublished && {
-						"&.MuiTableCell-root:hover": {
-							backgroundColor: `${theme.palette.primary.light}`,
-							cursor: "pointer",
-							borderRadius: 1,
-						},
-					}),
-				};
-			},
 			render: (row) => {
 				const content = row.isPublished ? `/${row.url}` : "Unpublished";
 				return (
@@ -46,6 +35,18 @@ const StatusPagesTable = ({ data }) => {
 						direction="row"
 						alignItems="center"
 						gap={theme.spacing(2)}
+						paddingLeft={theme.spacing(2)}
+						paddingRight={theme.spacing(2)}
+						borderRadius={theme.spacing(4)}
+						sx={{
+							...(row.isPublished && {
+								":hover": {
+									backgroundColor: `${theme.palette.primary.light}`,
+									cursor: "pointer",
+									borderRadius: 1,
+								},
+							}),
+						}}
 					>
 						<Typography>{content}</Typography>
 						{row.isPublished && <ArrowOutwardIcon />}