diff --git a/static/css/default_light/datapoints.css b/static/css/default_light/datapoints.css
index c64a16b..76710e1 100644
--- a/static/css/default_light/datapoints.css
+++ b/static/css/default_light/datapoints.css
@@ -69,6 +69,8 @@
 }
 .graph {
   width: 99%;
-  height: 600px;
-  border: 1px solid #fff;
+  border: 1px solid #aaa;
+}
+.graph #graph-values {
+  height: 600px;
 }
diff --git a/static/css/gruvbox/datapoints.css b/static/css/gruvbox/datapoints.css
index 5af4f87..f22e663 100644
--- a/static/css/gruvbox/datapoints.css
+++ b/static/css/gruvbox/datapoints.css
@@ -69,6 +69,8 @@
 }
 .graph {
   width: 99%;
-  height: 600px;
-  border: 1px solid #fff;
+  border: 1px solid #aaa;
+}
+.graph #graph-values {
+  height: 600px;
 }
diff --git a/static/less/datapoints.less b/static/less/datapoints.less
index aecd5a7..1d2accd 100644
--- a/static/less/datapoints.less
+++ b/static/less/datapoints.less
@@ -84,6 +84,9 @@
 
 .graph {
 	width: 99%;
-	height: 600px;
-	border: 1px solid #fff;
+	border: 1px solid #aaa;
+
+	#graph-values {
+		height: 600px;
+	}
 }
diff --git a/views/pages/datapoint_values.gotmpl b/views/pages/datapoint_values.gotmpl
index 0a5c6fe..0a987cb 100644
--- a/views/pages/datapoint_values.gotmpl
+++ b/views/pages/datapoint_values.gotmpl
@@ -21,14 +21,16 @@
 	<br><br>
 
 	{{ if $graph }}
-	<div class="graph" id="tester"></div>
+	<div class="graph">
+		<div id="graph-values"></div>
+	</div>
 	<script type="text/javascript">
-		const tester = document.getElementById('tester');
+		const graphValues = document.getElementById('graph-values');
 		let data = {{ .Data }}
 		let x = data.Values.map(d => d.Ts)
 		let y = data.Values.map(d => d.ValueInt.Int64)
 		Plotly.newPlot(
-			tester,
+			graphValues,
 			[
 				{
 					x,