diff --git a/web/_css/style.css b/web/_css/style.css
index 9ce18889..3c6707ea 100644
--- a/web/_css/style.css
+++ b/web/_css/style.css
@@ -144,8 +144,8 @@ #objectsList {
 	width: 100%;
 	position: absolute;
 	right: 0;
-	top: 3.75rem;
-	max-height: calc(100% - 3.75rem);
+	top: 3.7rem;
+	max-height: calc(100% - 3.7rem);
 	overflow-y: auto;
 	z-index: 0;
 }
diff --git a/web/_js/time.js b/web/_js/time.js
index 7c6ca0e4..9198f61f 100644
--- a/web/_js/time.js
+++ b/web/_js/time.js
@@ -65,7 +65,8 @@ for (const variation in variationsConfig) {
 }
 
 const timelineSlider = document.getElementById("timeControlsSlider");
-const tooltip = document.getElementById("timeControlsTooltip")
+const timelineList = document.getElementById("timeControlsList");
+const tooltip = document.getElementById("timeControlsTooltip");
 const image = document.getElementById("image");
 let abortController = new AbortController()
 let currentUpdateIndex = 0
@@ -82,6 +83,7 @@ window.currentVariation = currentVariation
 // SETUP
 timelineSlider.max = variationsConfig[currentVariation].versions.length - 1;
 timelineSlider.value = currentPeriod;
+timelineList.children[0].value = defaultPeriod;
 
 timelineSlider.addEventListener("input", (event) => {
 	updateTooltip(parseInt(event.target.value), currentVariation)
diff --git a/web/index.html b/web/index.html
index 10a462fb..00335f3f 100644
--- a/web/index.html
+++ b/web/index.html
@@ -253,7 +253,10 @@ <h5 class="offcanvas-title" id="offcanvasListLabel">Atlas Entries List</h5>
 				</div>
 				<div id="timeControls" class="bg-body px-2 py-1 border rounded shadow">
 					<label for="timeControlsSlider" class="visually-hidden">Time control slider</label>
-					<input type="range" class="form-range" min="0" max="1" value="1" id="timeControlsSlider" aria-describedby="timeControlsTooltip"></input>
+					<input type="range" class="form-range" min="0" max="1" value="1" id="timeControlsSlider" list="timeControlsList" aria-describedby="timeControlsTooltip"></input>
+					<datalist id="timeControlsList">
+						<option value=""></option>
+					</datalist>
 					<div class="tooltip border rounded text-nowrap" role="tooltip" id="timeControlsTooltip"><div class="bg-body rounded p-1">Tooltip</div></div>
 				</div>
 				<div id="author" class="bg-body d-flex align-items-center justify-content-center py-1 px-2 rounded shadow" style="--bs-bg-opacity: .9;">