diff --git a/.changeset/nasty-hairs-knock.md b/.changeset/nasty-hairs-knock.md
new file mode 100644
index 000000000..9fb26efb3
--- /dev/null
+++ b/.changeset/nasty-hairs-knock.md
@@ -0,0 +1,5 @@
+---
+'hub': patch
+---
+
+set a max layout width for hub layout
diff --git a/apps/hub/src/app/_components/hub-layout.tsx b/apps/hub/src/app/_components/hub-layout.tsx
index f198a6486..0da89edee 100644
--- a/apps/hub/src/app/_components/hub-layout.tsx
+++ b/apps/hub/src/app/_components/hub-layout.tsx
@@ -20,7 +20,7 @@ export function HubLayout({ children }: HubLayoutProps) {
 
       {/* Main Content Area */}
       <div className="relative w-full overflow-hidden rounded-20 bg-white-100">
-        <div className="flex h-[calc(100vh-64px-123px)] w-full flex-row overflow-hidden lg:h-[calc(100vh-64px-50px)]">
+        <div className="mx-auto flex h-[calc(100vh-64px-123px)] w-full max-w-[1504px] flex-row overflow-hidden lg:h-[calc(100vh-64px-50px)]">
           {/* Sidebar */}
           <Sidebar isOpen={sidebarOpen} onClose={() => setSidebarOpen(false)} />