diff --git a/components/genres.pixy b/components/genres.pixy
index 7d0f6d8e..b84dd3d7 100644
--- a/components/genres.pixy
+++ b/components/genres.pixy
@@ -12,7 +12,7 @@ component GenreOverview
 					span= genre
 
 component AnimeInGenre(genre string, animeList []*arn.Anime)
-	style!= "h2 { text-align: center; } .genre-anime-list{ display: flex; flex-flow: row wrap; float: none !important; justify-content: center; } .genre-anime-image{ width: 16vw; height: 9vw; min-width: 100px; min-height: 141px; max-width: 200px; max-height: 282px; object-fit: cover; } .genre-anime-link{ margin: 0.5em; flex-grow: 0; flex-shrink: 0; }"
+	style!= "h2 { text-align: center; } .genre-anime-list{ display: flex; flex-flow: row wrap; float: none !important; justify-content: center; } .genre-anime-image{ width: 16vw; height: 9vw; min-width: 90px; min-height: 127px; max-width: 200px; max-height: 282px; object-fit: cover; } .genre-anime-link{ margin: 0.5em; flex-grow: 0; flex-shrink: 0; }"
 	h2= "#" + genre
 	.genre-anime-list
 		each anime in animeList
diff --git a/components/layout.pixy b/components/layout.pixy
index 5aba898a..e1f30705 100644
--- a/components/layout.pixy
+++ b/components/layout.pixy
@@ -2,6 +2,7 @@ component Layout(content string, css string)
 	html
 		head
 			title ARN 4.0 - Beta
+			meta(name="viewport", content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes")
 			style!= css
 		body
 			#container