diff --git a/public/viewjs/components/productcard.js b/public/viewjs/components/productcard.js
index 87ae587e..661ca276 100644
--- a/public/viewjs/components/productcard.js
+++ b/public/viewjs/components/productcard.js
@@ -165,11 +165,16 @@ Grocy.Components.ProductCard.Refresh = function(productId)
 							{
 								if (key != "_TrendlineDataset")
 								{
+									var color = "HSL(" + (129 * chart.datasets.length) + ",100%,50%)";
+
 									chart.datasets.push({
 										data: datasets[key],
+										label: key,
 										fill: false,
-										borderColor: "HSL(" + (129 * chart.datasets.length) + ",100%,50%)",
-										label: key
+										borderColor: color,
+										pointBackgroundColor: color,
+										pointBorderColor: color,
+										pointHoverBackgroundColor: color
 									});
 								}
 								else