diff --git a/src/components/grid-layout/cards/diagrams/diagram-styles.ts b/src/components/grid-layout/cards/diagrams/diagram-styles.ts
index 86510d0d58..9349f43880 100644
--- a/src/components/grid-layout/cards/diagrams/diagram-styles.ts
+++ b/src/components/grid-layout/cards/diagrams/diagram-styles.ts
@@ -84,7 +84,7 @@ export const styles = {
         '& .sld-active-power polygon, & .sld-reactive-power polygon, & .sld-voltage polygon, & .sld-angle polygon': {
             opacity: INVALID_LOADFLOW_OPACITY,
         },
-        '& .sld-active-power text, & .sld-reactive-power text, & .sld-voltage text, & .sld-angle text, & .sld-voltage.sld-bus-legend-info, & .sld-angle.sld-bus-legend-info':
+        '& .sld-active-power text, & .sld-reactive-power text, & .sld-current-value text, & .sld-permanent-limit-percentage text, & .sld-voltage text, & .sld-angle text, & .sld-voltage.sld-bus-legend-info, & .sld-angle.sld-bus-legend-info':
             {
                 fill: '#787F81',
             },
diff --git a/src/index.css b/src/index.css
index bbf29c8022..aaabf4ff31 100644
--- a/src/index.css
+++ b/src/index.css
@@ -241,6 +241,12 @@ code {
 .sld-reactive-power .sld-label {
     dominant-baseline: middle;
 }
+.sld-current-value .sld-label {
+    dominant-baseline: middle;
+}
+.sld-permanent-limit-percentage {
+    dominant-baseline: middle;
+}
 
 @keyframes sld-overload-blink-animation {
     50% {