From 2e40f5bacfbc0e6049cbfd2ad1db54a02f2aaff3 Mon Sep 17 00:00:00 2001
From: Rainnny7 <braydonrainnny@gmail.com>
Date: Sun, 22 Sep 2024 21:22:50 -0400
Subject: [PATCH] make dashboard profile pages more responsived

---
 src/app/(pages)/dashboard/user/billing/page.tsx  | 2 +-
 src/app/(pages)/dashboard/user/profile/page.tsx  | 2 +-
 src/app/(pages)/dashboard/user/settings/page.tsx | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/(pages)/dashboard/user/billing/page.tsx b/src/app/(pages)/dashboard/user/billing/page.tsx
index d679b76..211f4f4 100644
--- a/src/app/(pages)/dashboard/user/billing/page.tsx
+++ b/src/app/(pages)/dashboard/user/billing/page.tsx
@@ -10,7 +10,7 @@ import DashboardHeader from "@/components/dashboard/dashboard-header";
  * @return the page jsx
  */
 const UserBillingPage = (): ReactElement => (
-    <main className="w-[47rem] flex flex-col gap-5">
+    <main className="max-w-[47rem] flex flex-col gap-5">
         <DashboardHeader title="Billing" />
 
         {/* Content */}
diff --git a/src/app/(pages)/dashboard/user/profile/page.tsx b/src/app/(pages)/dashboard/user/profile/page.tsx
index b81c52d..bb1e455 100644
--- a/src/app/(pages)/dashboard/user/profile/page.tsx
+++ b/src/app/(pages)/dashboard/user/profile/page.tsx
@@ -14,7 +14,7 @@ import DashboardHeader from "@/components/dashboard/dashboard-header";
  * @return the page jsx
  */
 const UserProfilePage = (): ReactElement => (
-    <main className="w-[47rem] flex flex-col gap-5">
+    <main className="max-w-[47rem] flex flex-col gap-5">
         <DashboardHeader title="My Profile" />
 
         {/* Content */}
diff --git a/src/app/(pages)/dashboard/user/settings/page.tsx b/src/app/(pages)/dashboard/user/settings/page.tsx
index 6386814..62ad084 100644
--- a/src/app/(pages)/dashboard/user/settings/page.tsx
+++ b/src/app/(pages)/dashboard/user/settings/page.tsx
@@ -12,7 +12,7 @@ import DashboardHeader from "@/components/dashboard/dashboard-header";
  * @return the page jsx
  */
 const UserSettingsPage = (): ReactElement => (
-    <main className="w-[47rem] flex flex-col gap-5">
+    <main className="max-w-[47rem] flex flex-col gap-5">
         <DashboardHeader title="Settings" />
 
         {/* Content */}