From c16c14f23a3113b059cbe1c48acdaa17e4a88b1f Mon Sep 17 00:00:00 2001
From: nonuwa-oss <isaac.onuwa@gmail.com>
Date: Thu, 16 Oct 2025 09:04:38 +0100
Subject: [PATCH 1/3] update HubLayout component to center main content area
 with max width

---
 .changeset/nasty-hairs-knock.md             | 5 +++++
 apps/hub/src/app/_components/hub-layout.tsx | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/nasty-hairs-knock.md

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)} />
 

From 397a86f49a45a60f0de7ceed0e01bb64cae261c0 Mon Sep 17 00:00:00 2001
From: iamonuwa <matrix4u2002@gmail.com>
Date: Tue, 28 Oct 2025 13:42:13 +0000
Subject: [PATCH 2/3] fix: adjust padding in Sidebar and Dashboard

---
 apps/hub/src/app/_components/sidebar.tsx | 2 +-
 apps/hub/src/app/dashboard/page.tsx      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/hub/src/app/_components/sidebar.tsx b/apps/hub/src/app/_components/sidebar.tsx
index e5c3a26ab..227ee6d8b 100644
--- a/apps/hub/src/app/_components/sidebar.tsx
+++ b/apps/hub/src/app/_components/sidebar.tsx
@@ -104,7 +104,7 @@ const Sidebar = (props: Props) => {
       >
         <div className="flex h-full flex-col overflow-auto py-8">
           {/* Main Navigation */}
-          <nav className="flex-1 px-4">
+          <nav className="flex-1 px-6">
             <ul className="space-y-1">
               {NAV_LINKS.map(item => {
                 return <LinkItem key={item.id} {...item} />
diff --git a/apps/hub/src/app/dashboard/page.tsx b/apps/hub/src/app/dashboard/page.tsx
index 36aa448c4..a78b68e32 100644
--- a/apps/hub/src/app/dashboard/page.tsx
+++ b/apps/hub/src/app/dashboard/page.tsx
@@ -15,7 +15,7 @@ const REWARDS = ['karma', 'linea', 'snt']
 export default function DashboardPage() {
   return (
     <HubLayout>
-      <div className="flex flex-col p-8">
+      <div className="flex flex-col p-6">
         {/* Hero Section */}
         <Hero />
 

From b134dcb0b1335dcf291e64247fb499307b0ab735 Mon Sep 17 00:00:00 2001
From: iamonuwa <matrix4u2002@gmail.com>
Date: Tue, 28 Oct 2025 21:36:13 +0000
Subject: [PATCH 3/3] chore: resolve feedback

---
 apps/hub/src/app/dashboard/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/hub/src/app/dashboard/page.tsx b/apps/hub/src/app/dashboard/page.tsx
index a78b68e32..a995b5822 100644
--- a/apps/hub/src/app/dashboard/page.tsx
+++ b/apps/hub/src/app/dashboard/page.tsx
@@ -15,7 +15,7 @@ const REWARDS = ['karma', 'linea', 'snt']
 export default function DashboardPage() {
   return (
     <HubLayout>
-      <div className="flex flex-col p-6">
+      <div className="flex flex-col px-6 py-8">
         {/* Hero Section */}
         <Hero />