diff --git a/projects/aca-content/src/lib/components/sidenav/user-menu/user-menu.component.scss b/projects/aca-content/src/lib/components/sidenav/user-menu/user-menu.component.scss
index b9b3fb9a4..575e1cef4 100644
--- a/projects/aca-content/src/lib/components/sidenav/user-menu/user-menu.component.scss
+++ b/projects/aca-content/src/lib/components/sidenav/user-menu/user-menu.component.scss
@@ -1,14 +1,16 @@
-.aca-user-menu-button {
-  border-radius: 90%;
-  height: 32px;
-  margin-right: 0;
-  min-width: 36px;
-  padding: 0;
-  font-weight: 700;
-  line-height: 32px;
-  text-align: center;
-  vertical-align: middle;
-  background: var(--theme-about-panel-border-color);
-  color: var(--theme-sidenav-user-menu-color);
-  border: none;
+.aca-user-menu {
+  .aca-user-menu-button {
+    border-radius: 90%;
+    height: 32px;
+    margin-right: 0;
+    min-width: 32px;
+    width: 32px;
+    padding: 0;
+    font-weight: 700;
+    line-height: 32px;
+    text-align: center;
+    vertical-align: middle;
+    background: var(--theme-about-panel-border-color);
+    border: none;
+  }
 }
diff --git a/projects/aca-content/src/lib/components/sidenav/user-menu/user-menu.component.ts b/projects/aca-content/src/lib/components/sidenav/user-menu/user-menu.component.ts
index c18473e65..70f064a91 100644
--- a/projects/aca-content/src/lib/components/sidenav/user-menu/user-menu.component.ts
+++ b/projects/aca-content/src/lib/components/sidenav/user-menu/user-menu.component.ts
@@ -22,7 +22,7 @@
  * from Hyland Software. If not, see <http://www.gnu.org/licenses/>.
  */
 
-import { Component, Input, OnInit, ViewEncapsulation, inject } from '@angular/core';
+import { Component, inject, Input, OnInit, ViewEncapsulation } from '@angular/core';
 import { ContentActionRef } from '@alfresco/adf-extensions';
 import { CommonModule } from '@angular/common';
 import { MatButtonModule } from '@angular/material/button';
@@ -38,7 +38,8 @@ import { Store } from '@ngrx/store';
   selector: 'aca-user-menu',
   templateUrl: './user-menu.component.html',
   styleUrls: ['./user-menu.component.scss'],
-  encapsulation: ViewEncapsulation.None
+  encapsulation: ViewEncapsulation.None,
+  host: { class: 'aca-user-menu' }
 })
 export class UserMenuComponent implements OnInit {
   private store = inject<Store<AppStore>>(Store<AppStore>);
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 e05c92093..6a4577aa5 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
@@ -73,6 +73,30 @@ app-view-profile {
   .app-general-edit-btn {
     width: 60%;
     text-align: end;
+
+    .app-general-edit {
+      background: var(--theme-grey-text-background-color);
+      height: 30px;
+      margin: 1rem;
+    }
+
+    .app-general-cancel-btn {
+      height: 30px;
+      margin: 1rem;
+      margin-left: 0.5rem;
+      background-color: var(--theme-grey-text-background-color);
+      padding-top: 0.25px;
+    }
+
+    .app-general-save-btn {
+      width: 75px;
+      height: 30px;
+      margin: 1rem;
+      margin-left: 0.5rem;
+      color: white;
+      background-color: var(--theme-blue-button-color);
+      font-weight: 600;
+    }
   }
 
   .app-divider {
@@ -89,33 +113,10 @@ app-view-profile {
     box-shadow: 0 0 2px var(--theme-blue-button-color);
   }
 
-  .app-general-edit {
-    background: var(--theme-grey-text-background-color);
-    height: 30px;
-    margin: 1rem;
-  }
-
   .app-general-edit:hover {
     background: var(--theme-grey-hover-background-color);
   }
 
-  .app-general-cancel-btn {
-    height: 30px;
-    margin: 1rem;
-    margin-left: 0.5rem;
-    background-color: var(--theme-grey-text-background-color);
-    padding-top: 0.25px;
-  }
-
-  .app-general-save-btn {
-    width: 75px;
-    height: 30px;
-    margin: 1rem;
-    margin-left: 0.5rem;
-    color: white;
-    background-color: var(--theme-blue-button-color);
-  }
-
   .app-general-dropdown-divider {
     border-top-color: var(--theme-grey-divider-color);
   }