diff --git a/assets/components/album/album.vue b/assets/components/album/album.vue
index 51cf5806..09909dc3 100644
--- a/assets/components/album/album.vue
+++ b/assets/components/album/album.vue
@@ -122,15 +122,9 @@ export default {
 	margin: 0 0 1rem 0;
 }
 
-@media(max-width: $breakpoint) {
+@media(max-width: $breakpoint-pico) {
 	.album-items {
-		grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
-	}
-}
-
-@media(max-width: $breakpoint-nano) {
-	.album-items {
-		grid-template-columns: repeat(auto-fill, 1fr);
+		grid-template-columns: repeat(auto-fill, minmax(7rem, 1fr));
 	}
 }
 </style>
diff --git a/assets/css/_breakpoints.scss b/assets/css/_breakpoints.scss
index 6dbfb0f2..7afef7e5 100644
--- a/assets/css/_breakpoints.scss
+++ b/assets/css/_breakpoints.scss
@@ -1,3 +1,4 @@
+$breakpoint-pico: 270px;
 $breakpoint-nano: 320px;
 $breakpoint-micro: 540px;
 $breakpoint-small: 620px;