diff --git a/cannamanage-frontend/docs/screenshots/01-login-dark.png b/cannamanage-frontend/docs/screenshots/01-login-dark.png
index ed00801..455aba8 100644
Binary files a/cannamanage-frontend/docs/screenshots/01-login-dark.png and b/cannamanage-frontend/docs/screenshots/01-login-dark.png differ
diff --git a/cannamanage-frontend/docs/screenshots/02-portal-login-dark.png b/cannamanage-frontend/docs/screenshots/02-portal-login-dark.png
index eda3329..8034eb8 100644
Binary files a/cannamanage-frontend/docs/screenshots/02-portal-login-dark.png and b/cannamanage-frontend/docs/screenshots/02-portal-login-dark.png differ
diff --git a/cannamanage-frontend/docs/screenshots/10-portal-dashboard-dark.png b/cannamanage-frontend/docs/screenshots/10-portal-dashboard-dark.png
index ad96c89..138200e 100644
Binary files a/cannamanage-frontend/docs/screenshots/10-portal-dashboard-dark.png and b/cannamanage-frontend/docs/screenshots/10-portal-dashboard-dark.png differ
diff --git a/cannamanage-frontend/docs/screenshots/10-portal-dashboard-light.png b/cannamanage-frontend/docs/screenshots/10-portal-dashboard-light.png
index ac1d8da..6e88107 100644
Binary files a/cannamanage-frontend/docs/screenshots/10-portal-dashboard-light.png and b/cannamanage-frontend/docs/screenshots/10-portal-dashboard-light.png differ
diff --git a/cannamanage-frontend/docs/screenshots/11-portal-history-dark.png b/cannamanage-frontend/docs/screenshots/11-portal-history-dark.png
index 264320f..24e2d2a 100644
Binary files a/cannamanage-frontend/docs/screenshots/11-portal-history-dark.png and b/cannamanage-frontend/docs/screenshots/11-portal-history-dark.png differ
diff --git a/cannamanage-frontend/docs/screenshots/11-portal-history-light.png b/cannamanage-frontend/docs/screenshots/11-portal-history-light.png
index 295316b..6914ca3 100644
Binary files a/cannamanage-frontend/docs/screenshots/11-portal-history-light.png and b/cannamanage-frontend/docs/screenshots/11-portal-history-light.png differ
diff --git a/cannamanage-frontend/docs/screenshots/12-portal-profile-dark.png b/cannamanage-frontend/docs/screenshots/12-portal-profile-dark.png
index 6e2d203..880d958 100644
Binary files a/cannamanage-frontend/docs/screenshots/12-portal-profile-dark.png and b/cannamanage-frontend/docs/screenshots/12-portal-profile-dark.png differ
diff --git a/cannamanage-frontend/docs/screenshots/12-portal-profile-light.png b/cannamanage-frontend/docs/screenshots/12-portal-profile-light.png
index 2f97276..28778c9 100644
Binary files a/cannamanage-frontend/docs/screenshots/12-portal-profile-light.png and b/cannamanage-frontend/docs/screenshots/12-portal-profile-light.png differ
diff --git a/cannamanage-frontend/src/app/(portal)/layout.tsx b/cannamanage-frontend/src/app/(portal)/layout.tsx
index 2a9b8ca..95eecc4 100644
--- a/cannamanage-frontend/src/app/(portal)/layout.tsx
+++ b/cannamanage-frontend/src/app/(portal)/layout.tsx
@@ -12,7 +12,7 @@ export default async function PortalLayout({
 
   return (
     <NextIntlClientProvider messages={messages}>
-      <div className="min-h-screen flex flex-col bg-background text-foreground">
+      <div className="min-h-screen w-full flex flex-col bg-background text-foreground">
         {children}
       </div>
     </NextIntlClientProvider>
diff --git a/cannamanage-frontend/src/app/(portal)/portal/dashboard/page.tsx b/cannamanage-frontend/src/app/(portal)/portal/dashboard/page.tsx
index a4e078e..268c0ed 100644
--- a/cannamanage-frontend/src/app/(portal)/portal/dashboard/page.tsx
+++ b/cannamanage-frontend/src/app/(portal)/portal/dashboard/page.tsx
@@ -115,8 +115,8 @@ export default function PortalDashboardPage() {
   return (
     <>
       <PortalNavbar />
-      <main className="flex-1">
-        <div className="mx-auto max-w-4xl px-4 py-6 space-y-6">
+      <main className="flex-1 w-full">
+        <div className="mx-auto max-w-5xl px-4 sm:px-6 lg:px-8 py-6 space-y-6">
           {/* Welcome */}
           <div>
             <h1 className="text-xl font-bold sm:text-2xl">
diff --git a/cannamanage-frontend/src/app/(portal)/portal/history/page.tsx b/cannamanage-frontend/src/app/(portal)/portal/history/page.tsx
index 2f84440..a5e9ba5 100644
--- a/cannamanage-frontend/src/app/(portal)/portal/history/page.tsx
+++ b/cannamanage-frontend/src/app/(portal)/portal/history/page.tsx
@@ -43,8 +43,8 @@ export default function PortalHistoryPage() {
   return (
     <>
       <PortalNavbar />
-      <main className="flex-1">
-        <div className="mx-auto max-w-4xl px-4 py-6 space-y-6">
+      <main className="flex-1 w-full">
+        <div className="mx-auto max-w-5xl px-4 sm:px-6 lg:px-8 py-6 space-y-6">
           {/* Header + Filter */}
           <div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">
             <h1 className="text-xl font-bold sm:text-2xl">{t("history")}</h1>
diff --git a/cannamanage-frontend/src/app/(portal)/portal/profile/page.tsx b/cannamanage-frontend/src/app/(portal)/portal/profile/page.tsx
index a5bdff5..99e88bf 100644
--- a/cannamanage-frontend/src/app/(portal)/portal/profile/page.tsx
+++ b/cannamanage-frontend/src/app/(portal)/portal/profile/page.tsx
@@ -40,8 +40,8 @@ export default function PortalProfilePage() {
   return (
     <>
       <PortalNavbar />
-      <main className="flex-1">
-        <div className="mx-auto max-w-4xl px-4 py-6 space-y-6">
+      <main className="flex-1 w-full">
+        <div className="mx-auto max-w-5xl px-4 sm:px-6 lg:px-8 py-6 space-y-6">
           <h1 className="text-xl font-bold sm:text-2xl">{t("profile")}</h1>
 
           {/* Personal Info (read-only) */}
diff --git a/cannamanage-frontend/src/components/portal/portal-footer.tsx b/cannamanage-frontend/src/components/portal/portal-footer.tsx
index 56173cf..483479d 100644
--- a/cannamanage-frontend/src/components/portal/portal-footer.tsx
+++ b/cannamanage-frontend/src/components/portal/portal-footer.tsx
@@ -8,7 +8,7 @@ export function PortalFooter() {
 
   return (
     <footer className="mt-auto border-t bg-muted/30">
-      <div className="mx-auto flex max-w-4xl items-center justify-between px-4 py-4">
+      <div className="mx-auto flex max-w-5xl items-center justify-between px-4 sm:px-6 lg:px-8 py-4">
         <div className="flex items-center gap-2 text-xs text-muted-foreground">
           <Cannabis className="h-3 w-3" />
           <span>{t("footerText")}</span>
diff --git a/cannamanage-frontend/src/components/portal/portal-navbar.tsx b/cannamanage-frontend/src/components/portal/portal-navbar.tsx
index ca4cc82..8e363e5 100644
--- a/cannamanage-frontend/src/components/portal/portal-navbar.tsx
+++ b/cannamanage-frontend/src/components/portal/portal-navbar.tsx
@@ -23,7 +23,7 @@ export function PortalNavbar() {
 
   return (
     <header className="sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
-      <div className="mx-auto flex h-14 max-w-4xl items-center justify-between px-4">
+      <div className="mx-auto flex h-14 max-w-5xl items-center justify-between px-4 sm:px-6 lg:px-8">
         {/* Logo + Club Name */}
         <Link
           href="/portal/dashboard"