diff --git a/thrimbletrimmer/driveclock/drive.html b/thrimbletrimmer/driveclock/drive.html
index 54eb7b0..6d79160 100644
--- a/thrimbletrimmer/driveclock/drive.html
+++ b/thrimbletrimmer/driveclock/drive.html
@@ -19,11 +19,11 @@
 	  background-position: 0px 0px;
 	}
 
-	#sky-left {
+	#timeofday-left {
 	  z-index: 5;
 	}
 
-	#sky-right {
+	#timeofday-right {
 	  z-index: 4;
 	}
 
@@ -43,8 +43,8 @@
 
 <div id="road-container">
 	<div id="bus"></div>
-	<div id="sky-left"></div>
-	<div id="sky-right"></div>
+	<div id="timeofday-left"></div>
+	<div id="timeofday-right"></div>
 	<div id="stops"></div>
 </div>
 
diff --git a/thrimbletrimmer/driveclock/drive.js b/thrimbletrimmer/driveclock/drive.js
index 1ba30f7..788bde4 100644
--- a/thrimbletrimmer/driveclock/drive.js
+++ b/thrimbletrimmer/driveclock/drive.js
@@ -21,8 +21,8 @@ const BUS_URLS = {
 };
 
 function setSkyElements(left, right, timeToTransition) {
-	const leftElement = document.getElementById("sky-left");
-	const rightElement = document.getElementById("sky-right");
+	const leftElement = document.getElementById("timeofday-left");
+	const rightElement = document.getElementById("timeofday-right");
 	const busElement = document.getElementById("bus");
 
 	leftElement.style.backgroundImage = `url(${SKY_URLS[left]})`;