diff --git a/apps/showcase/doc/badge/SeverityDoc.vue b/apps/showcase/doc/badge/SeverityDoc.vue
index 294143a6c..f1e8b9801 100644
--- a/apps/showcase/doc/badge/SeverityDoc.vue
+++ b/apps/showcase/doc/badge/SeverityDoc.vue
@@ -7,7 +7,7 @@
         <Badge value="6" severity="secondary"></Badge>
         <Badge value="8" severity="success"></Badge>
         <Badge value="4" severity="info"></Badge>
-        <Badge value="12" severity="warn"></Badge>
+        <Badge value="9" severity="warn"></Badge>
         <Badge value="3" severity="danger"></Badge>
         <Badge value="5" severity="contrast"></Badge>
     </div>
@@ -24,7 +24,7 @@ export default {
 <Badge value="6" severity="secondary"></Badge>
 <Badge value="8" severity="success"></Badge>
 <Badge value="4" severity="info"></Badge>
-<Badge value="12" severity="warn"></Badge>
+<Badge value="9" severity="warn"></Badge>
 <Badge value="3" severity="danger"></Badge>
 <Badge value="5" severity="contrast"></Badge>
 `,
@@ -35,7 +35,7 @@ export default {
         <Badge value="6" severity="secondary"></Badge>
         <Badge value="8" severity="success"></Badge>
         <Badge value="4" severity="info"></Badge>
-        <Badge value="12" severity="warn"></Badge>
+        <Badge value="9" severity="warn"></Badge>
         <Badge value="3" severity="danger"></Badge>
         <Badge value="5" severity="contrast"></Badge>
     </div>
@@ -51,7 +51,7 @@ export default {
         <Badge value="6" severity="secondary"></Badge>
         <Badge value="8" severity="success"></Badge>
         <Badge value="4" severity="info"></Badge>
-        <Badge value="12" severity="warn"></Badge>
+        <Badge value="9" severity="warn"></Badge>
         <Badge value="3" severity="danger"></Badge>
         <Badge value="5" severity="contrast"></Badge>
     </div>
diff --git a/packages/primevue/src/treetable/style/TreeTableStyle.js b/packages/primevue/src/treetable/style/TreeTableStyle.js
index d39fba4c9..c39513c0e 100644
--- a/packages/primevue/src/treetable/style/TreeTableStyle.js
+++ b/packages/primevue/src/treetable/style/TreeTableStyle.js
@@ -386,6 +386,10 @@ p-treetable-gridlines .p-treetable-tbody > tr:last-child > td {
     gap: ${dt('treetable.body.cell.gap')};
 }
 
+.p-treetable-tbody > tr.p-treetable-row-selected .p-treetable-node-toggle-button {
+    color: inherit;
+}
+
 .p-treetable-node-toggle-button {
     display: inline-flex;
     align-items: center;
@@ -412,7 +416,7 @@ p-treetable-gridlines .p-treetable-tbody > tr:last-child > td {
 
 .p-treetable-tbody > tr.p-treetable-row-selected .p-treetable-node-toggle-button:hover {
     background: ${dt('treetable.node.toggle.button.selected.hover.background')};
-    ${dt('treetable.node.toggle.button.selected.hover.color')};
+    color: ${dt('treetable.node.toggle.button.selected.hover.color')};
 }
 
 .p-treetable-node-toggle-button:focus-visible {