diff --git a/apps/publisher-dashboard/src/lib/components/layout/dashboard-layout.svelte b/apps/publisher-dashboard/src/lib/components/layout/dashboard-layout.svelte
index 8434a38..2f2472a 100644
--- a/apps/publisher-dashboard/src/lib/components/layout/dashboard-layout.svelte
+++ b/apps/publisher-dashboard/src/lib/components/layout/dashboard-layout.svelte
@@ -22,8 +22,10 @@ let { title, children, class: className }: Props = $props();
   <div class="flex flex-1 flex-col overflow-hidden">
     <AppHeader {title} />
 
-    <main class={cn("flex-1 overflow-auto p-4 lg:p-6", className)}>
-      {@render children()}
+    <main class="flex-1 overflow-auto p-4 lg:p-6">
+      <div class={cn("mx-auto max-w-7xl", className)}>
+        {@render children()}
+      </div>
     </main>
   </div>
 </div>