diff --git a/assets/components/album/album.vue b/assets/components/album/album.vue
index 46df085a..39ba6baa 100644
--- a/assets/components/album/album.vue
+++ b/assets/components/album/album.vue
@@ -151,7 +151,7 @@ export default {
 
 .item-link {
 	position: relative;
-	margin: 0 0 1rem 0;
+	margin: 0 0 .5rem 0;
 	overflow: hidden;
 
 	&:hover .item-comment {
@@ -182,8 +182,12 @@ export default {
 }
 
 @media(max-width: $breakpoint-giga) {
-	.album-items.portrait {
-		grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
+	.album-items {
+		grid-template-columns: repeat(auto-fill, minmax(22.5rem, 1fr));
+
+		.portrait {
+			grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
+		}
 	}
 }
 
@@ -196,18 +200,24 @@ export default {
 @media(max-width: $breakpoint-kilo) {
 	.album-items {
 		grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr));
+		grid-gap: 0 .5rem;
+		padding: .5rem;
+	}
+
+	.item-link {
+		margin: 0 0 .25rem 0;
 	}
 }
 
 @media(max-width: $breakpoint) {
 	.album-items {
-		grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
+		grid-template-columns: repeat(auto-fill, minmax(15rem, 1fr));
 	}
 }
 
 @media(max-width: $breakpoint-micro) {
 	.album-items {
-		grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
+		grid-template-columns: repeat(auto-fill, minmax(11rem, 1fr));
 	}
 }