diff --git a/myems-web/src/assets/scss/dark/_override.scss b/myems-web/src/assets/scss/dark/_override.scss
index 14a65fc2..43e77144 100644
--- a/myems-web/src/assets/scss/dark/_override.scss
+++ b/myems-web/src/assets/scss/dark/_override.scss
@@ -271,6 +271,10 @@ $theme-falcon-btn-colors: (
   color: #fff !important;
 }
 
+.text-lightSlateGray {
+  color: #789 !important;
+}
+
 a.text-white {
   color: #fff !important;
 
diff --git a/myems-web/src/components/MyEMS/common/LineChart.js b/myems-web/src/components/MyEMS/common/LineChart.js
index d4024b1a..ac58501c 100644
--- a/myems-web/src/components/MyEMS/common/LineChart.js
+++ b/myems-web/src/components/MyEMS/common/LineChart.js
@@ -80,7 +80,7 @@ const LineChart = ({
       <CardBody className="rounded-soft">
         <Row className="text-white align-items-center no-gutters">
           <Col>
-            <h4 className="mb-0" style={{color:'#789'}} >{reportingTitle}</h4>
+            <h4 className="text-lightSlateGray mb-0">{reportingTitle}</h4>
             <p className="fs--1 font-weight-semi-bold">
               {baseTitle}
             </p>