diff --git a/src/renderer/views/Album/components/newalbum.vue b/src/renderer/views/Album/components/newalbum.vue
index d57ba56..d4ff01c 100644
--- a/src/renderer/views/Album/components/newalbum.vue
+++ b/src/renderer/views/Album/components/newalbum.vue
@@ -52,7 +52,7 @@ export default {
 <style lang="less" scoped>
 .albums {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(141px, 1fr));
+  grid-template-columns: repeat(auto-fill, minmax(141px, 1fr));
   grid-gap: 20px;
   padding: 20px 0;
 }
diff --git a/src/renderer/views/Artist/_id/album.vue b/src/renderer/views/Artist/_id/album.vue
index 924df52..e554c60 100644
--- a/src/renderer/views/Artist/_id/album.vue
+++ b/src/renderer/views/Artist/_id/album.vue
@@ -58,7 +58,7 @@ export default {
 <style lang="less" scoped>
 .albums {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(141px, 1fr));
+  grid-template-columns: repeat(auto-fill, minmax(141px, 1fr));
   grid-gap: 15px;
   padding: 15px;
 }
diff --git a/src/renderer/views/Artist/_id/mv.vue b/src/renderer/views/Artist/_id/mv.vue
index 47e3f00..7d144f2 100644
--- a/src/renderer/views/Artist/_id/mv.vue
+++ b/src/renderer/views/Artist/_id/mv.vue
@@ -68,7 +68,7 @@ export default {
 <style lang="less" scoped>
 .mvs {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(16%, 1fr));
+  grid-template-columns: repeat(auto-fill, minmax(16%, 1fr));
   grid-gap: 15px;
   padding: 15px;
 }
diff --git a/src/renderer/views/Artist/_id/simi.vue b/src/renderer/views/Artist/_id/simi.vue
index 9a6b67d..c2f99c5 100644
--- a/src/renderer/views/Artist/_id/simi.vue
+++ b/src/renderer/views/Artist/_id/simi.vue
@@ -38,7 +38,7 @@ export default {
 <style lang="less" scoped>
 .simi {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
+  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
   grid-gap: 15px;
   padding: 15px;
 }
diff --git a/src/renderer/views/Artist/index.vue b/src/renderer/views/Artist/index.vue
index c8a40d5..6e74c62 100644
--- a/src/renderer/views/Artist/index.vue
+++ b/src/renderer/views/Artist/index.vue
@@ -279,7 +279,7 @@ export default {
 .page-artist {
   .artists {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(15%,1fr));
+    grid-template-columns: repeat(auto-fill, minmax(15%,1fr));
     grid-gap: 15px;
     padding: 15px 0;
     a {
diff --git a/src/renderer/views/Playlist/_id/subscriber.vue b/src/renderer/views/Playlist/_id/subscriber.vue
index 402e624..a5485d2 100644
--- a/src/renderer/views/Playlist/_id/subscriber.vue
+++ b/src/renderer/views/Playlist/_id/subscriber.vue
@@ -46,7 +46,7 @@ export default {
   page-break-after: 20px;
   .items {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(55px, 1fr));
+    grid-template-columns: repeat(auto-fill, minmax(55px, 1fr));
     padding: 30px;
     grid-gap: 40px;
     a {
diff --git a/src/renderer/views/Playlist/index.vue b/src/renderer/views/Playlist/index.vue
index 04e07f5..113514f 100644
--- a/src/renderer/views/Playlist/index.vue
+++ b/src/renderer/views/Playlist/index.vue
@@ -170,7 +170,7 @@ export default {
   @gutter: 12px;
   .playlists {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
+    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
     grid-gap: 20px;
     padding: 20px 0;
   }
diff --git a/src/renderer/views/Rank/index.vue b/src/renderer/views/Rank/index.vue
index 387ab36..238e135 100644
--- a/src/renderer/views/Rank/index.vue
+++ b/src/renderer/views/Rank/index.vue
@@ -181,7 +181,7 @@ export default {
   }
   .first-four {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(30%, 1fr));
+    grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
     grid-gap: 2%;
     .list {
       border: 1px solid #e8e8e8;
diff --git a/src/renderer/views/Search/components/video.vue b/src/renderer/views/Search/components/video.vue
index 445bdb8..8fac970 100644
--- a/src/renderer/views/Search/components/video.vue
+++ b/src/renderer/views/Search/components/video.vue
@@ -40,7 +40,7 @@ export default {
 <style lang="less" scoped>
 .videos {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
   padding: 15px 20px;
   grid-gap: 20px;
 }
diff --git a/src/renderer/views/User/Collect/components/Video.vue b/src/renderer/views/User/Collect/components/Video.vue
index f04a6e0..e075da7 100644
--- a/src/renderer/views/User/Collect/components/Video.vue
+++ b/src/renderer/views/User/Collect/components/Video.vue
@@ -49,11 +49,11 @@ export default {
 <style lang="less" scoped>
 .videos {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));
+  grid-template-columns: repeat(auto-fill, minmax(245px, 1fr));
   grid-gap: 15px;
   padding: 15px 0;
   &.videos-hack {
-    grid-template-columns: repeat(auto-fit, minmax(245px, 245px));
+    grid-template-columns: repeat(auto-fill, minmax(245px, 245px));
   }
 }
 </style>
diff --git a/src/renderer/views/Video/index.vue b/src/renderer/views/Video/index.vue
index c167063..20d97f8 100644
--- a/src/renderer/views/Video/index.vue
+++ b/src/renderer/views/Video/index.vue
@@ -134,7 +134,7 @@ export default {
   min-height: 100vh;
   .videos {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
     grid-gap: 15px;
     padding: 15px 0;
     .video {
diff --git a/src/renderer/views/Video/mv.vue b/src/renderer/views/Video/mv.vue
index ffeab6c..c971887 100644
--- a/src/renderer/views/Video/mv.vue
+++ b/src/renderer/views/Video/mv.vue
@@ -164,7 +164,7 @@ export default {
 <style lang="less" scoped>
 .mvs {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
   grid-gap: 15px;
   padding: 15px 0;
 }