diff --git a/projects/aca-content/src/lib/components/common/user-info/user-info.component.scss b/projects/aca-content/src/lib/components/common/user-info/user-info.component.scss
index 8eb9aadfb..f49a8d2b8 100644
--- a/projects/aca-content/src/lib/components/common/user-info/user-info.component.scss
+++ b/projects/aca-content/src/lib/components/common/user-info/user-info.component.scss
@@ -18,8 +18,8 @@
     line-height: 32px;
     text-align: center;
     vertical-align: middle;
-    background: var(--theme-about-panel-border-color);
-    color: var(--theme-selected-text-color);
+    background: var(--theme-user-profile-background-color);
+    color: var(--theme-white-background);
     border: none;
   }
 
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 db08300e3..f799bd6bd 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
@@ -10,8 +10,8 @@
     line-height: 32px;
     text-align: center;
     vertical-align: middle;
-    background: var(--theme-about-panel-border-color);
-    color: var(--theme-sidenav-user-menu-color);
+    background: var(--theme-user-profile-background-color);
+    color: var(--theme-white-background);
     border: none;
   }
 }
diff --git a/projects/aca-content/src/lib/ui/variables/variables.scss b/projects/aca-content/src/lib/ui/variables/variables.scss
index 0d57236cc..1db79ed28 100644
--- a/projects/aca-content/src/lib/ui/variables/variables.scss
+++ b/projects/aca-content/src/lib/ui/variables/variables.scss
@@ -53,6 +53,7 @@ $card-background-grey-color: rgb(248, 248, 248);
 $light-grey-1: #d5d5d5;
 $light-grey-2: #d9d9d9;
 $light-grey-3: #dedede;
+$user-profile-background: #595959;
 
 // CSS Variables
 $defaults: (
@@ -61,7 +62,6 @@ $defaults: (
   --theme-text-color: mat.m2-get-color-from-palette($foreground, text, 0.54),
   --theme-sidenav-text-color: mat.m2-get-color-from-palette($foreground, text),
   --theme-sidenav-hovered-text-color: mat.m2-get-color-from-palette($foreground, text),
-  --theme-sidenav-user-menu-color: mat.m2-get-color-from-palette($foreground, text),
   --theme-tab-active-text-color: mat.m2-get-color-from-palette($foreground, text),
   --theme-text-bold-color: mat.m2-get-color-from-palette($foreground, text, 0.87),
   --theme-title-color: mat.m2-get-color-from-palette($foreground, text, 0.87),
@@ -111,7 +111,8 @@ $defaults: (
   --theme-card-background-grey-color: $card-background-grey-color,
   --theme-light-grey-1-color: $light-grey-1,
   --theme-light-grey-2-color: $light-grey-2,
-  --theme-light-grey-3-color: $light-grey-3
+  --theme-light-grey-3-color: $light-grey-3,
+  --theme-user-profile-background-color: $user-profile-background
 );
 
 // propagates SCSS variables into the CSS variables scope