From 8eabf2ffcfad8331bd1765837b1d74148b90c2f6 Mon Sep 17 00:00:00 2001
From: AleksanderSklorz <115619721+AleksanderSklorz@users.noreply.github.com>
Date: Fri, 30 Jan 2026 12:22:35 +0100
Subject: [PATCH] [ACS-10233] Corrected headings structure on profile page
 (#5020)

---
 .../components/view-profile/view-profile.component.html  | 6 +++---
 .../components/view-profile/view-profile.component.scss  | 9 ++++++++-
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/projects/aca-content/src/lib/components/view-profile/view-profile.component.html b/projects/aca-content/src/lib/components/view-profile/view-profile.component.html
index 1999278a2..31b5c4e7b 100644
--- a/projects/aca-content/src/lib/components/view-profile/view-profile.component.html
+++ b/projects/aca-content/src/lib/components/view-profile/view-profile.component.html
@@ -18,7 +18,7 @@
         [attr.title]="'APP.EDIT_PROFILE.GO_TO_PERSONAL_FILES_BUTTON_LABEL' | translate">
         <mat-icon>arrow_back</mat-icon>
       </button>
-      <h3 class="app-profile">{{'APP.EDIT_PROFILE.MY_PROFILE' | translate}}</h3>
+      <h2 class="app-profile">{{'APP.EDIT_PROFILE.MY_PROFILE' | translate}}</h2>
     </div>
   </div>
   <div class="app-profile-general-row" [formGroup]="profileForm" id="general-dropdown">
@@ -31,7 +31,7 @@
           [attr.aria-label]="generalSectionButtonTooltip | translate">
           <mat-icon>{{ generalSectionExpanded ?  'expand_more' : 'chevron_right'}}</mat-icon>
         </button>
-        <h4 class="app-general-title">{{'APP.EDIT_PROFILE.GENERAL' | translate}}</h4>
+        <h3 class="app-general-title">{{'APP.EDIT_PROFILE.GENERAL' | translate}}</h3>
       </div>
       @if (!generalSectionEditMode) {
         <button
@@ -146,7 +146,7 @@
           [attr.aria-label]="contactSectionButtonTooltip | translate">
           <mat-icon>{{ contactSectionExpanded ?  'expand_more' : 'chevron_right'}}</mat-icon>
         </button>
-        <h4 class="app-general-title">{{'APP.EDIT_PROFILE.COMPANY_DETAILS' | translate}}</h4>
+        <h3 class="app-general-title">{{'APP.EDIT_PROFILE.COMPANY_DETAILS' | translate}}</h3>
       </div>
       @if (!contactSectionEditMode) {
         <button
diff --git a/projects/aca-content/src/lib/components/view-profile/view-profile.component.scss b/projects/aca-content/src/lib/components/view-profile/view-profile.component.scss
index c81000ba9..67f794632 100644
--- a/projects/aca-content/src/lib/components/view-profile/view-profile.component.scss
+++ b/projects/aca-content/src/lib/components/view-profile/view-profile.component.scss
@@ -32,7 +32,8 @@ app-view-profile {
 
   .app-profile {
     cursor: pointer;
-    margin-top: 1rem;
+    margin-bottom: 1em;
+    font-size: 1.17em;
   }
 
   .app-profile-general-row {
@@ -65,6 +66,12 @@ app-view-profile {
     display: flex;
     align-items: center;
     width: 100%;
+
+    .app-general-title {
+      font-size: unset;
+      margin-bottom: 1.33em;
+      margin-top: 1.33em;
+    }
   }
 
   .app-divider {