diff --git a/ts/src/stats/future-due.ts b/ts/src/stats/future-due.ts
index bf5764d74..abc16e2b1 100644
--- a/ts/src/stats/future-due.ts
+++ b/ts/src/stats/future-due.ts
@@ -104,7 +104,7 @@ export function buildHistogram(
         return [null, []];
     }
 
-    const adjustedRange = scaleLinear().range([0.8, 0.3]);
+    const adjustedRange = scaleLinear().range([0.7, 0.3]);
     const colourScale = scaleSequential((n) =>
         interpolateGreens(adjustedRange(n))
     ).domain([xMin!, xMax!]);
diff --git a/ts/src/stats/graphs.scss b/ts/src/stats/graphs.scss
index f5a31f1c1..e4528df75 100644
--- a/ts/src/stats/graphs.scss
+++ b/ts/src/stats/graphs.scss
@@ -107,9 +107,9 @@ body {
 }
 
 .graph .area {
-    opacity: 0.05;
     pointer-events: none;
-    fill: $day-fg;
+    fill: #00000008;
+    stroke: #00000015;
 }
 
 .hoverzone rect {
@@ -180,8 +180,8 @@ body.night-mode {
         color: $night-fg;
     }
     .graph .area {
-        fill: $night-fg;
-        opacity: 0.1;
+        fill: #ffffff15;
+        stroke: #00000030;
     }
     .no-data rect {
         fill: $night-bg;