diff --git a/apps/client/app/components/layout.tsx b/apps/client/app/components/layout.tsx
index 07f0f37..d757d0a 100644
--- a/apps/client/app/components/layout.tsx
+++ b/apps/client/app/components/layout.tsx
@@ -38,7 +38,7 @@ export default function Layout({ loaderData }: Route.ComponentProps) {
 			<AppSidebar />
 			<GridBackground>
 				<header className="bg-card-header border-b border-border/50">
-					<div className="flex items-center justify-between py-3 sm:py-4 px-2 sm:px-4 container mx-auto">
+					<div className="flex items-center justify-between py-3 sm:py-4 px-2 sm:px-8 mx-auto">
 						<div className="flex items-center gap-4">
 							<SidebarTrigger />
 							<AppBreadcrumb />
@@ -71,7 +71,7 @@ export default function Layout({ loaderData }: Route.ComponentProps) {
 						)}
 					</div>
 				</header>
-				<main className="flex flex-col pt-4 sm:pt-8 px-2 sm:px-4 pb-4 container mx-auto">
+				<main className="flex flex-col p-2 pt-4 sm:p-8 sm:pt-4 mx-auto">
 					<Outlet />
 				</main>
 			</GridBackground>
diff --git a/apps/client/app/components/ui/sidebar.tsx b/apps/client/app/components/ui/sidebar.tsx
index 057f046..9162555 100644
--- a/apps/client/app/components/ui/sidebar.tsx
+++ b/apps/client/app/components/ui/sidebar.tsx
@@ -124,7 +124,7 @@ function SidebarProvider({
 							...style,
 						} as React.CSSProperties
 					}
-					className={cn("group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full", className)}
+					className={cn("group/sidebar-wrapper flex min-h-svh w-full", className)}
 					{...props}
 				>
 					{children}