From 478e9671d42a42f843a5322b0cb69e412333f54a Mon Sep 17 00:00:00 2001
From: gorkem-bwl <gorkem.cetin@bluewavelabs.ca>
Date: Sat, 17 Jan 2026 13:39:07 -0500
Subject: [PATCH] fix: revert padding approach, let sidebar overlay content

---
 .../src/Components/v1/Layouts/HomeLayout/index.css   |  2 ++
 .../src/Components/v1/Layouts/HomeLayout/index.jsx   | 12 ++----------
 2 files changed, 4 insertions(+), 10 deletions(-)

diff --git a/client/src/Components/v1/Layouts/HomeLayout/index.css b/client/src/Components/v1/Layouts/HomeLayout/index.css
index 8d358ca5f..953a2c682 100644
--- a/client/src/Components/v1/Layouts/HomeLayout/index.css
+++ b/client/src/Components/v1/Layouts/HomeLayout/index.css
@@ -29,6 +29,8 @@
 
 .home-content-wrapper {
 	padding: var(--env-var-spacing-2);
+	max-width: 1400px;
+	margin: 0 auto;
 	flex: 1;
 	min-width: 0;
 	overflow-x: hidden;
diff --git a/client/src/Components/v1/Layouts/HomeLayout/index.jsx b/client/src/Components/v1/Layouts/HomeLayout/index.jsx
index 7265af648..cb28ddc83 100644
--- a/client/src/Components/v1/Layouts/HomeLayout/index.jsx
+++ b/client/src/Components/v1/Layouts/HomeLayout/index.jsx
@@ -1,13 +1,11 @@
 import Sidebar from "../../Sidebar/index.jsx";
 import { Outlet } from "react-router";
 import { Stack } from "@mui/material";
-import { UserGuideSidebar, useUserGuideSidebarContext } from "../../UserGuide";
+import { UserGuideSidebar } from "../../UserGuide";
 
 import "./index.css";
 
 const HomeLayout = () => {
-	const { requiredPaddingRight } = useUserGuideSidebarContext();
-
 	return (
 		<Stack
 			className="home-layout"
@@ -15,13 +13,7 @@ const HomeLayout = () => {
 			gap={14}
 		>
 			<Sidebar />
-			<Stack
-				className="home-content-wrapper"
-				sx={{
-					paddingRight: `${requiredPaddingRight}px`,
-					transition: "padding-right 300ms ease-in-out",
-				}}
-			>
+			<Stack className="home-content-wrapper">
 				<Outlet />
 			</Stack>
 			<UserGuideSidebar />