From bee06537241eec9768437a99b7e42cdc08b02519 Mon Sep 17 00:00:00 2001
From: bc-yevhenii-buliuk <yevhenii.buliuk@bigcommerce.com>
Date: Mon, 11 Nov 2024 11:27:58 +0200
Subject: [PATCH] fix(core): UX improvements for account pages

---
 .changeset/slimy-months-hunt.md                           | 5 +++++
 core/app/[locale]/(default)/account/(tabs)/layout.tsx     | 4 ----
 .../account/(tabs)/settings/change-password/page.tsx      | 8 +++-----
 .../[locale]/(default)/account/(tabs)/settings/page.tsx   | 8 +++-----
 4 files changed, 11 insertions(+), 14 deletions(-)
 create mode 100644 .changeset/slimy-months-hunt.md

diff --git a/.changeset/slimy-months-hunt.md b/.changeset/slimy-months-hunt.md
new file mode 100644
index 000000000..5b782ab35
--- /dev/null
+++ b/.changeset/slimy-months-hunt.md
@@ -0,0 +1,5 @@
+---
+"@bigcommerce/catalyst-core": patch
+---
+
+UX improvements for account pages
diff --git a/core/app/[locale]/(default)/account/(tabs)/layout.tsx b/core/app/[locale]/(default)/account/(tabs)/layout.tsx
index 524c2d504..168333a75 100644
--- a/core/app/[locale]/(default)/account/(tabs)/layout.tsx
+++ b/core/app/[locale]/(default)/account/(tabs)/layout.tsx
@@ -1,4 +1,3 @@
-import { useTranslations } from 'next-intl';
 import { setRequestLocale } from 'next-intl/server';
 import { PropsWithChildren } from 'react';
 
@@ -13,11 +12,8 @@ interface Props extends PropsWithChildren {
 export default function AccountTabLayout({ children, params: { locale } }: Props) {
   setRequestLocale(locale);
 
-  const t = useTranslations('Account.Home');
-
   return (
     <>
-      <h1 className="my-8 text-4xl font-black lg:my-8 lg:text-5xl">{t('heading')}</h1>
       <TabNavigation />
       {children}
     </>
diff --git a/core/app/[locale]/(default)/account/(tabs)/settings/change-password/page.tsx b/core/app/[locale]/(default)/account/(tabs)/settings/change-password/page.tsx
index 9c4b7dd4c..06b5eae3d 100644
--- a/core/app/[locale]/(default)/account/(tabs)/settings/change-password/page.tsx
+++ b/core/app/[locale]/(default)/account/(tabs)/settings/change-password/page.tsx
@@ -22,12 +22,10 @@ export default function ChangePassword({ params: { locale } }: Props) {
   setRequestLocale(locale);
 
   return (
-    <>
+    <div className="mx-auto lg:w-2/3">
       <TabHeading heading="settings" />
-      <div className="mx-auto lg:w-2/3">
-        <ChangePasswordForm />
-      </div>
-    </>
+      <ChangePasswordForm />
+    </div>
   );
 }
 
diff --git a/core/app/[locale]/(default)/account/(tabs)/settings/page.tsx b/core/app/[locale]/(default)/account/(tabs)/settings/page.tsx
index b8706a91e..c5eda14ae 100644
--- a/core/app/[locale]/(default)/account/(tabs)/settings/page.tsx
+++ b/core/app/[locale]/(default)/account/(tabs)/settings/page.tsx
@@ -24,12 +24,10 @@ export default async function Settings() {
   }
 
   return (
-    <>
+    <div className="mx-auto lg:w-2/3">
       <TabHeading heading="settings" />
-      <div className="mx-auto lg:w-2/3">
-        <UpdateSettingsForm {...customerSettings} />
-      </div>
-    </>
+      <UpdateSettingsForm {...customerSettings} />
+    </div>
   );
 }