diff --git a/Scales/Commons.js b/Scales/Commons.js
index 6e52c9c99..fa1c95fcd 100644
--- a/Scales/Commons.js
+++ b/Scales/Commons.js
@@ -4,7 +4,7 @@ function drawScaleDisplay (label1, label2, xExtraOffSet1, xExtraOffSet2, contain
   let fontSize2 = 10
 
   const RED_LINE_HIGHT = 5
-  const OPACITY = 1
+  const OPACITY = 0.75
 
   let params = {
     cornerRadius: 3,
diff --git a/Scales/TimePeriodScale.js b/Scales/TimePeriodScale.js
index 93d2cb81b..16cc50755 100644
--- a/Scales/TimePeriodScale.js
+++ b/Scales/TimePeriodScale.js
@@ -267,7 +267,7 @@ to be visible at the top of the viewPort. */
     let fontSize2 = 10
 
     const RED_LINE_HIGHT = 5
-    const OPACITY = 1
+    const OPACITY = 0.75
 
     let centerPoint = {
       x: mouse.position.x,
@@ -320,4 +320,3 @@ to be visible at the top of the viewPort. */
     browserCanvasContext.fillText(label2, labelPoint2.x, labelPoint2.y)
   }
 }
-