diff --git a/client/src/Components/v1/Layouts/HomeLayout/index.css b/client/src/Components/v1/Layouts/HomeLayout/index.css
index 953a2c682..8d358ca5f 100644
--- a/client/src/Components/v1/Layouts/HomeLayout/index.css
+++ b/client/src/Components/v1/Layouts/HomeLayout/index.css
@@ -29,8 +29,6 @@
 
 .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 c647a878f..7265af648 100644
--- a/client/src/Components/v1/Layouts/HomeLayout/index.jsx
+++ b/client/src/Components/v1/Layouts/HomeLayout/index.jsx
@@ -13,13 +13,15 @@ const HomeLayout = () => {
 			className="home-layout"
 			flexDirection="row"
 			gap={14}
-			sx={{
-				marginRight: `${requiredPaddingRight}px`,
-				transition: "margin-right 300ms ease-in-out",
-			}}
 		>
 			<Sidebar />
-			<Stack className="home-content-wrapper">
+			<Stack
+				className="home-content-wrapper"
+				sx={{
+					paddingRight: `${requiredPaddingRight}px`,
+					transition: "padding-right 300ms ease-in-out",
+				}}
+			>
 				<Outlet />
 			</Stack>
 			<UserGuideSidebar />