diff --git a/app/(app)/_layout/index.tsx b/app/(app)/_layout/index.tsx
index fb75fa7..0d232a3 100644
--- a/app/(app)/_layout/index.tsx
+++ b/app/(app)/_layout/index.tsx
@@ -19,7 +19,7 @@ export default function AppLayout({ children }: { children: React.ReactNode }) {
 
       {/* Sidebar */}
       <Sidebar />
-      <div className="relative flex  flex-1 shrink-0 grow justify-center overflow-x-hidden">
+      <div className="relative flex flex-1 shrink-0 grow justify-center sm:w-[calc(100vw_-_var(--sidebar-closed-width))] xl:w-[calc(100vw_-_var(--sidebar-open-width))]">
         <div className="flex-1 overflow-x-hidden pb-5">{children}</div>
       </div>
       {/* Mobile Banner */}