diff --git a/src/app/gallery/album/album.component.css b/src/app/gallery/album/album.component.css
index 2c26ea8..4b848f9 100644
--- a/src/app/gallery/album/album.component.css
+++ b/src/app/gallery/album/album.component.css
@@ -34,13 +34,13 @@ a:hover {
 /* tablet */
 @media only screen and (min-width: 780px) and (max-width: 1219px) {
     .row {
-        column-count: 2;
+        column-count: 3;
     }
 }
 
 /* desktop */
 @media screen and (min-width: 1220px) {
     .row {
-        column-count: 3;
+        column-count: 5;
     }
 }
diff --git a/src/app/gallery/gallery/gallery.component.css b/src/app/gallery/gallery/gallery.component.css
index ce5c947..b3d178d 100644
--- a/src/app/gallery/gallery/gallery.component.css
+++ b/src/app/gallery/gallery/gallery.component.css
@@ -20,13 +20,13 @@
 /* tablet */
 @media only screen and (min-width: 780px) and (max-width: 1219px) {
     .row {
-        column-count: 2;
+        column-count: 3;
     }
 }
 
 /* desktop */
 @media screen and (min-width: 1220px) {
     .row {
-        column-count: 4;
+        column-count: 5;
     }
 }