From 3850607c75840f4e515a59638ec9c51e6c259c03 Mon Sep 17 00:00:00 2001
From: Chris Bongers <chrisbongers@gmail.com>
Date: Wed, 16 Apr 2025 16:21:12 +0200
Subject: [PATCH] fix: edit profile header styling

---
 packages/shared/src/components/fields/form/FormWrapper.tsx   | 1 +
 .../components/layouts/AccountLayout/Profile/index.tsx       | 5 ++++-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/shared/src/components/fields/form/FormWrapper.tsx b/packages/shared/src/components/fields/form/FormWrapper.tsx
index fe42ecaaf4f..5e098067e39 100644
--- a/packages/shared/src/components/fields/form/FormWrapper.tsx
+++ b/packages/shared/src/components/fields/form/FormWrapper.tsx
@@ -41,6 +41,7 @@ export function FormWrapper({
   const titleElement = (
     <PageHeaderTitle
       className={classNames(
+        'mx-4',
         !isHeaderTitle && 'mt-5',
         className?.title ?? 'typo-body',
       )}
diff --git a/packages/webapp/components/layouts/AccountLayout/Profile/index.tsx b/packages/webapp/components/layouts/AccountLayout/Profile/index.tsx
index ca28020b6a3..2d47bc7590a 100644
--- a/packages/webapp/components/layouts/AccountLayout/Profile/index.tsx
+++ b/packages/webapp/components/layouts/AccountLayout/Profile/index.tsx
@@ -394,7 +394,10 @@ const ProfileIndex = ({
   if (isMobile) {
     return (
       <FormWrapper
-        className={{ container: 'relative max-w-[100vw]' }}
+        className={{
+          container: 'relative max-w-[100vw]',
+          title: 'font-bold typo-title3',
+        }}
         title="Edit Profile"
         form="submit-profile"
         rightButtonProps={{ onClick: onSubmit, disabled: isLoading }}