diff --git a/src/modules/HighestRanked/HighestRanked.module.scss b/src/modules/HighestRanked/HighestRanked.module.scss
index 4e2e9e7..ee2bcda 100644
--- a/src/modules/HighestRanked/HighestRanked.module.scss
+++ b/src/modules/HighestRanked/HighestRanked.module.scss
@@ -18,18 +18,18 @@
 
   @media (min-width: $desktop) {
     // grid-auto-flow: row;
-    grid-template-columns: repeat(4, 1fr);
-    grid-template-rows: unset;
+    grid-template-rows: repeat(4, 1fr);
+    grid-template-columns: unset;
     overflow-x: hidden;
   }
 
   @media (min-width: 970px) {
-    grid-template-rows: repeat(3, 1fr);
-    overflow-x: scroll;
+    grid-template-columns: unset;
+    grid-template-rows: repeat(4, 1fr);
   }
 
   @media (min-width: 1300px) {
-    grid-template-rows: repeat(3, 1fr);
-    overflow-x: scroll;
+    grid-template-columns: unset;
+    grid-template-rows: repeat(4, 1fr);
   }
 }
diff --git a/src/modules/RecentlyAdded/RecentlyAdded.module.scss b/src/modules/RecentlyAdded/RecentlyAdded.module.scss
index 045f89e..e2a65ae 100644
--- a/src/modules/RecentlyAdded/RecentlyAdded.module.scss
+++ b/src/modules/RecentlyAdded/RecentlyAdded.module.scss
@@ -18,18 +18,18 @@
 
   @media (min-width: $desktop) {
     // grid-auto-flow: row;
-    grid-template-columns: repeat(4, 1fr);
-    grid-template-rows: unset;
+    grid-template-rows: repeat(4, 1fr);
+    grid-template-columns: unset;
     overflow-x: hidden;
   }
 
   @media (min-width: 970px) {
-    grid-template-rows: repeat(3, 1fr);
-    overflow-x: scroll;
+    grid-template-columns: unset;
+    grid-template-rows: repeat(4, 1fr);
   }
 
   @media (min-width: 1300px) {
-    grid-template-rows: repeat(3, 1fr);
-    overflow-x: scroll;
+    grid-template-columns: unset;
+    grid-template-rows: repeat(4, 1fr);
   }
 }