diff --git a/src/renderer/index.js b/src/renderer/index.js
index a7075497..5e4c333a 100644
--- a/src/renderer/index.js
+++ b/src/renderer/index.js
@@ -2335,7 +2335,7 @@ const app = new Vue({
             let richsync = [];
             const lang = app.cfg.lyrics.mxm_language //  translation language
             function revisedRandId() {
-                return Math.random().toString(36).replace(/[^a-z]+/g, '').substr(2, 10);
+                return Math.random().toString(36).replace(/[^a-z]+/g, '').slice(2, 10);
             }
 
             /* get token */
@@ -3280,7 +3280,7 @@ const app = new Vue({
         },
         async nowPlayingContextMenu(event) {
             // function revisedRandId() {
-            //     return Math.random().toString(36).replace(/[^a-z]+/g, '').substr(2, 10);
+            //     return Math.random().toString(36).replace(/[^a-z]+/g, '').slice(2, 10);
             // }
             let self = this
             let data_type = this.mk.nowPlayingItem.playParams.kind
diff --git a/src/renderer/views/components/mediaitem-square-sp.ejs b/src/renderer/views/components/mediaitem-square-sp.ejs
index 89859695..96b2f2b6 100644
--- a/src/renderer/views/components/mediaitem-square-sp.ejs
+++ b/src/renderer/views/components/mediaitem-square-sp.ejs
@@ -90,7 +90,7 @@
         },
         methods: {
             revisedRandId() {
-                return Math.random().toString(36).replace(/[^a-z]+/g, '').substr(2, 10);
+                return Math.random().toString(36).replace(/[^a-z]+/g, '').slice(2, 10);
             },
             async isInLibrary() {
                 if (this.item.type && !this.item.type.includes("library")) {
diff --git a/src/renderer/views/components/mediaitem-square.ejs b/src/renderer/views/components/mediaitem-square.ejs
index bdb39c17..8a79d66d 100644
--- a/src/renderer/views/components/mediaitem-square.ejs
+++ b/src/renderer/views/components/mediaitem-square.ejs
@@ -140,7 +140,7 @@
                 }
             },
             revisedRandId() {
-                return Math.random().toString(36).replace(/[^a-z]+/g, '').substr(2, 10);
+                return Math.random().toString(36).replace(/[^a-z]+/g, '').slice(2, 10);
             },
             async isInLibrary() {
                 if (this.item.type && !this.item.type.includes("library")) {
diff --git a/src/web-remote/views/components/mediaitem-square.ejs b/src/web-remote/views/components/mediaitem-square.ejs
index 67fae157..90e9aa9b 100644
--- a/src/web-remote/views/components/mediaitem-square.ejs
+++ b/src/web-remote/views/components/mediaitem-square.ejs
@@ -153,7 +153,7 @@
                 }
             },
             revisedRandId() {
-                return Math.random().toString(36).replace(/[^a-z]+/g, '').substr(2, 10);
+                return Math.random().toString(36).replace(/[^a-z]+/g, '').slice(2, 10);
             },
             async isInLibrary() {
                 if (this.item.type && !this.item.type.includes("library")) {