diff --git a/api/static/css/style.css b/api/static/css/style.css
index f5208b4..a09738e 100644
--- a/api/static/css/style.css
+++ b/api/static/css/style.css
@@ -12,6 +12,9 @@ html, body, div, tag {
     box-sizing: border-box;
 }
 
+h1 {
+	text-transform: capitalize;
+}
 a {
 	text-decoration: none;
 	color: whitesmoke;
@@ -29,7 +32,7 @@ a {
     padding: 0 2em;
     line-height: 1.6em;
     color: whitesmoke;
-	max-width: 1000px;
+	max-width: 80%;
 }
 .video-gallery {
     display: flex;
diff --git a/ts/category.ts b/ts/category.ts
index 40ed497..26a45dd 100644
--- a/ts/category.ts
+++ b/ts/category.ts
@@ -31,7 +31,7 @@ class VideoMeta {
 		return container
 	}
 
-	thumbnail_div() : HTMLImageElement {
+	thumbnail_div() : HTMLAnchorElement {
 		let nail = document.createElement('img')
 		nail.className = 'pure-img'
 
@@ -41,8 +41,15 @@ class VideoMeta {
 		} else{
 			nail.setAttribute('src', '/cantfindshit.gif')
 		}
+		let link = document.createElement('a')
+		if(this.name) {
+			link.href = `/category/${this.name}`
+		} else  {
+			link.href = '#'
+		}
+		link.appendChild(nail)
 
-		return nail
+		return link
 	}
 
 	public as_div() {