diff --git a/projects/aca-content/src/lib/components/details/details.component.scss b/projects/aca-content/src/lib/components/details/details.component.scss
index 1e591236e5..398816a44a 100644
--- a/projects/aca-content/src/lib/components/details/details.component.scss
+++ b/projects/aca-content/src/lib/components/details/details.component.scss
@@ -35,7 +35,7 @@ app-details-manager {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  color: var(--theme-selected-text-color);
+  color: var(--adf-metadata-property-panel-title-color);
 }
 
 .acs-details-breadcrumb {
diff --git a/projects/aca-content/src/lib/ui/variables/variables.scss b/projects/aca-content/src/lib/ui/variables/variables.scss
index c2ec873d7a..9566223a53 100644
--- a/projects/aca-content/src/lib/ui/variables/variables.scss
+++ b/projects/aca-content/src/lib/ui/variables/variables.scss
@@ -37,6 +37,7 @@ $search-chip-icon-color: #757575;
 $disabled-chip-background-color: #f5f5f5;
 $adf-metadata-property-panel-border-color: rgba(0, 0, 0, 0.12);
 $adf-metadata-buttons-background-color: rgba(33, 33, 33, 0.05);
+$adf-metadata-property-panel-text-color: rgba(33, 35, 40, 0.7);
 
 // CSS Variables
 $defaults: (
@@ -78,7 +79,9 @@ $defaults: (
   --theme-search-chip-icon-color: $search-chip-icon-color,
   --theme-disabled-chip-background-color: $disabled-chip-background-color,
   --adf-metadata-property-panel-border-color: $adf-metadata-property-panel-border-color,
-  --adf-metadata-buttons-background-color: $adf-metadata-buttons-background-color
+  --adf-metadata-buttons-background-color: $adf-metadata-buttons-background-color,
+  --adf-metadata-property-panel-title-color: $selected-text-color,
+  --adf-metadata-property-panel-text-color: $adf-metadata-property-panel-text-color
 );
 
 // propagates SCSS variables into the CSS variables scope