diff --git a/src/main/resources/static/dataset.js b/src/main/resources/static/dataset.js
index 1c5d40a..cc654e1 100644
--- a/src/main/resources/static/dataset.js
+++ b/src/main/resources/static/dataset.js
@@ -104,7 +104,15 @@ export default class Dataset {
             return null;
         }
 
-        clone.querySelector(".dataset").dataset.id = this.#id;
+        let datasetContainer = clone.querySelector(".dataset");
+        datasetContainer.dataset.id = this.#id;
+        datasetContainer.addEventListener("click", event => {
+            if (!event.target.classList.contains("btn")) {
+                let detailsPage = new URL("/details.html", location.origin);
+                detailsPage.searchParams.append("id", this.#id);
+                window.location.href = detailsPage.toString();
+            }
+        })
         clone.querySelector(".dataset-title").innerText = this.#title;
         clone.querySelector(".dataset-description").innerText = this.#description;
         clone.querySelector(".upvote-count").innerText = this.#upvotes;
diff --git a/src/main/resources/static/main.css b/src/main/resources/static/main.css
index 8a0b141..ae3eb64 100644
--- a/src/main/resources/static/main.css
+++ b/src/main/resources/static/main.css
@@ -109,6 +109,11 @@ header {
     align-items: center;
     justify-content: space-between;
     box-sizing: border-box;
+    cursor: pointer;
+}
+
+.dataset:hover {
+    filter: brightness(1.2);
 }
 
 .upvote {