fix: edit profile header styling (#4434)

Author: rebelchris

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',
       )}

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