diff --git a/GanjooRazor/Areas/User/Pages/VerseAdd.cshtml b/GanjooRazor/Areas/User/Pages/VerseAdd.cshtml
index 76c15fa1..3a7bb68b 100644
--- a/GanjooRazor/Areas/User/Pages/VerseAdd.cshtml
+++ b/GanjooRazor/Areas/User/Pages/VerseAdd.cshtml
@@ -14,7 +14,7 @@
     <meta name="robots" content="noindex, nofollow" />
     <title>پیشنهاد اضافه شدن مصرع‌های جا افتاده</title>
     <script src="/lib/jquery/dist/jquery.min.js"></script>
-    <link href="/css/p8.css?version=92" rel="stylesheet" type="text/css" />
+    <link href="/css/p8.css?version=93" rel="stylesheet" type="text/css" />
     <link href="/css/user-panel.css?version=1" rel="stylesheet" type="text/css" />
 </head>
 <body>
diff --git a/GanjooRazor/Pages/Auth/Login.cshtml b/GanjooRazor/Pages/Auth/Login.cshtml
index cc36f361..bf8f5679 100644
--- a/GanjooRazor/Pages/Auth/Login.cshtml
+++ b/GanjooRazor/Pages/Auth/Login.cshtml
@@ -13,7 +13,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="robots" content="noindex, nofollow" />
     <link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
-    <link href="/css/p8.css?version=92" rel="stylesheet" type="text/css" />
+    <link href="/css/p8.css?version=93" rel="stylesheet" type="text/css" />
 </head>
 <body class="bk-background">
     <div id="hdr">
diff --git a/GanjooRazor/Pages/Auth/ResetPassword.cshtml b/GanjooRazor/Pages/Auth/ResetPassword.cshtml
index 083e6913..0e9e6c43 100644
--- a/GanjooRazor/Pages/Auth/ResetPassword.cshtml
+++ b/GanjooRazor/Pages/Auth/ResetPassword.cshtml
@@ -11,7 +11,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="robots" content="noindex, nofollow" />
     <link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
-    <link href="/css/p8.css?version=92" rel="stylesheet" type="text/css" />
+    <link href="/css/p8.css?version=93" rel="stylesheet" type="text/css" />
 </head>
 <body class="bk-background">
     <div id="hdr">
diff --git a/GanjooRazor/Pages/Auth/SignUp.cshtml b/GanjooRazor/Pages/Auth/SignUp.cshtml
index 48a62651..4df73819 100644
--- a/GanjooRazor/Pages/Auth/SignUp.cshtml
+++ b/GanjooRazor/Pages/Auth/SignUp.cshtml
@@ -12,7 +12,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="robots" content="noindex, nofollow" />
     <link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
-    <link href="/css/p8.css?version=92" rel="stylesheet" type="text/css" />
+    <link href="/css/p8.css?version=93" rel="stylesheet" type="text/css" />
 </head>
 <body class="bk-background">
     <div id="hdr">
diff --git a/GanjooRazor/Pages/CommentReports/ReportComment.cshtml b/GanjooRazor/Pages/CommentReports/ReportComment.cshtml
index 2b6a06ad..0798961c 100644
--- a/GanjooRazor/Pages/CommentReports/ReportComment.cshtml
+++ b/GanjooRazor/Pages/CommentReports/ReportComment.cshtml
@@ -11,7 +11,7 @@
     <meta name="robots" content="noindex, nofollow" />
     <title>درخواست حذف حاشیه</title>
     <script src="/lib/jquery/dist/jquery.min.js"></script>
-    <link href="/css/p8.css?version=92" rel="stylesheet" type="text/css" />
+    <link href="/css/p8.css?version=93" rel="stylesheet" type="text/css" />
     <style>
         label {
             width: 100px;
diff --git a/GanjooRazor/Pages/Error.cshtml b/GanjooRazor/Pages/Error.cshtml
index ade7feb2..2346d369 100644
--- a/GanjooRazor/Pages/Error.cshtml
+++ b/GanjooRazor/Pages/Error.cshtml
@@ -13,7 +13,7 @@
     <title>
         @ViewData["Title"]
     </title>
-    <link href="/css/p8.css?version=92" rel="stylesheet" type="text/css" />
+    <link href="/css/p8.css?version=93" rel="stylesheet" type="text/css" />
     <link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
     <link rel="search" type="application/opensearchdescription+xml" title="گنجور" href="https://ganjoor.net/search.xml" />
 
diff --git a/GanjooRazor/Pages/ImageRecommendation/Pin.cshtml b/GanjooRazor/Pages/ImageRecommendation/Pin.cshtml
index 866942ed..a4a5d2fc 100644
--- a/GanjooRazor/Pages/ImageRecommendation/Pin.cshtml
+++ b/GanjooRazor/Pages/ImageRecommendation/Pin.cshtml
@@ -12,7 +12,7 @@
     <meta name="robots" content="noindex, nofollow" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
-    <link href="/css/p8.css?version=92" rel="stylesheet" type="text/css" />
+    <link href="/css/p8.css?version=93" rel="stylesheet" type="text/css" />
     <link href="/css/spotify.css" rel="stylesheet" type="text/css" />
 
     <script src="/lib/jquery/dist/jquery.min.js"></script>
diff --git a/GanjooRazor/Pages/Map.cshtml b/GanjooRazor/Pages/Map.cshtml
index ead73df5..87f22607 100644
--- a/GanjooRazor/Pages/Map.cshtml
+++ b/GanjooRazor/Pages/Map.cshtml
@@ -12,7 +12,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="description" content="سخنوران و نویسندگان گنجور روی نقشهٔ جغرافیایی" />
     <meta charset="utf-8" />
-    <link href="/css/p8.css?version=92" rel="stylesheet" type="text/css" />
+    <link href="/css/p8.css?version=93" rel="stylesheet" type="text/css" />
     <link rel="stylesheet" href="/css/leaflet.css?version=2" />
     <style>
         .leaflet-container {
@@ -23,7 +23,7 @@
             font-family: 'Vazirmatn'
         }
     </style>
-    <script src="/js/bk.js?version=92"></script>
+    <script src="/js/bk.js?version=93"></script>
     <script src="~/js/jquery-1.10.2.min.js"></script>
     <script src="~/js/leaflet.js"></script>
     <script src="~/js/leaflet-providers.js"></script>
diff --git a/GanjooRazor/Pages/Misc/Photos.cshtml b/GanjooRazor/Pages/Misc/Photos.cshtml
index 76681881..212bd728 100644
--- a/GanjooRazor/Pages/Misc/Photos.cshtml
+++ b/GanjooRazor/Pages/Misc/Photos.cshtml
@@ -11,11 +11,11 @@
     <title>
         @Html.Raw(ViewData["Title"])
     </title>
-    <link href="/css/p8.css?version=92" rel="stylesheet" type="text/css" />
+    <link href="/css/p8.css?version=93" rel="stylesheet" type="text/css" />
     <link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
     <link rel="search" type="application/opensearchdescription+xml" title="گنجور" href="https://ganjoor.net/search.xml" />
     <script src="/lib/jquery/dist/jquery.min.js"></script>
-    <script src="/js/bk.js?version=92"></script>
+    <script src="/js/bk.js?version=93"></script>
     <script>
         var cookieValue = getCookie("playerScrollLock");
         var playerScrollLock = cookieValue === "true";
diff --git a/GanjooRazor/Pages/Partials/GanjoorPage/PageTypes/_PoemPagePartial.cshtml b/GanjooRazor/Pages/Partials/GanjoorPage/PageTypes/_PoemPagePartial.cshtml
index 0bef869e..c975682c 100644
--- a/GanjooRazor/Pages/Partials/GanjoorPage/PageTypes/_PoemPagePartial.cshtml
+++ b/GanjooRazor/Pages/Partials/GanjoorPage/PageTypes/_PoemPagePartial.cshtml
@@ -75,6 +75,7 @@
 <div id="sticky-audio-player" class="up-sticky-player" style="display:none;">
     <span id="sticky-audio-narrator" class="up-sticky-player__narrator"></span>
     <div id="sticky-audio-slot" class="up-sticky-player__audio-slot"></div>
+    <a role="button" id="sticky-scroll-lock" class="cursor-pointer up-sticky-player__lock" onclick="switchPlayerScrollLock()" title="قفل خودکار پیمایش به بیت جاری">🔓</a>
     <a role="button" class="cursor-pointer up-sticky-player__jump" onclick="scrollToCurrentVerse()" title="رفتن به بیت جاری">📍</a>
     <a role="button" class="cursor-pointer up-sticky-player__close" onclick="closeStickyPlayer()" title="بستن">✕</a>
 </div>
diff --git a/GanjooRazor/Pages/Recitations/AudioClip.cshtml b/GanjooRazor/Pages/Recitations/AudioClip.cshtml
index 502073b1..996c0c86 100644
--- a/GanjooRazor/Pages/Recitations/AudioClip.cshtml
+++ b/GanjooRazor/Pages/Recitations/AudioClip.cshtml
@@ -15,7 +15,7 @@
         گنجور » نمایش خوانش
     </title>
     <link href="~/dist/skin/pink.flag/css/jplayer.pink.flag.min.css" rel="stylesheet" type="text/css" />
-    <link href="~/css/p8.css?version=92" rel="stylesheet" type="text/css" />
+    <link href="~/css/p8.css?version=93" rel="stylesheet" type="text/css" />
     <link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
     <link rel="search" type="application/opensearchdescription+xml" title="گنجور" href="https://ganjoor.net/search.xml" />
     <script>
@@ -150,7 +150,7 @@
         </p>
 
         <script src="~/lib/jquery/dist/jquery.min.js"></script>
-        <script src="~/js/bk.js?version=92"></script>
+        <script src="~/js/bk.js?version=93"></script>
         <script src="~/js/jplayersupport.js"></script>
         <script src="~/js/vaabd.js?version=10"></script>
         <script src="~/dist/jplayer/jquery.jplayer.min.js"></script>
diff --git a/GanjooRazor/Pages/Recitations/RecitationsOrder.cshtml b/GanjooRazor/Pages/Recitations/RecitationsOrder.cshtml
index bfd2bacd..8918e2af 100644
--- a/GanjooRazor/Pages/Recitations/RecitationsOrder.cshtml
+++ b/GanjooRazor/Pages/Recitations/RecitationsOrder.cshtml
@@ -12,7 +12,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="robots" content="noindex, nofollow" />
     <title>اطلاعات رتبه‌بندی خوانش‌های شعر</title>
-    <link href="/css/p8.css?version=92" rel="stylesheet" type="text/css" />
+    <link href="/css/p8.css?version=93" rel="stylesheet" type="text/css" />
 
 </head>
 <body>
diff --git a/GanjooRazor/Pages/Recitations/ReportRecitation.cshtml b/GanjooRazor/Pages/Recitations/ReportRecitation.cshtml
index b5f0ac94..070c60d3 100644
--- a/GanjooRazor/Pages/Recitations/ReportRecitation.cshtml
+++ b/GanjooRazor/Pages/Recitations/ReportRecitation.cshtml
@@ -13,7 +13,7 @@
     <meta name="robots" content="noindex, nofollow" />
     <title>گنجور » گزارش خطا در خوانش</title>
     <script src="/lib/jquery/dist/jquery.min.js"></script>
-    <link href="/css/p8.css?version=92" rel="stylesheet" type="text/css" />
+    <link href="/css/p8.css?version=93" rel="stylesheet" type="text/css" />
     <link href="~/dist/skin/pink.flag/css/jplayer.pink.flag.min.css" rel="stylesheet" type="text/css" />
     <style>
         label {
@@ -238,7 +238,7 @@
 
 
 
-                <script src="~/js/bk.js?version=92"></script>
+                <script src="~/js/bk.js?version=93"></script>
                 <script src="~/js/jplayersupport.js"></script>
                 <script src="~/js/vaabd.js?version=10"></script>
                 <script src="~/dist/jplayer/jquery.jplayer.min.js"></script>
diff --git a/GanjooRazor/Pages/Shared/_AdminLayout.cshtml b/GanjooRazor/Pages/Shared/_AdminLayout.cshtml
index 6315ba08..d10fa033 100644
--- a/GanjooRazor/Pages/Shared/_AdminLayout.cshtml
+++ b/GanjooRazor/Pages/Shared/_AdminLayout.cshtml
@@ -10,7 +10,7 @@
     <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
     <link rel="stylesheet" href="~/css/site.css" />
     <link href="/dist/skin/blue.monday/css/jplayer.blue.monday.min.css" rel="stylesheet" type="text/css" />
-    <link href="/css/p8.css?version=92" rel="stylesheet" type="text/css" />
+    <link href="/css/p8.css?version=93" rel="stylesheet" type="text/css" />
     <link href="/css/user-panel.css?version=3" rel="stylesheet" type="text/css" />
     <link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
     <link rel="search" type="application/opensearchdescription+xml" title="گنجور" href="https://ganjoor.net/search.xml" />
@@ -36,7 +36,7 @@
         });
     </script>
 
-    <script src="/js/bk.js?version=92"></script>
+    <script src="/js/bk.js?version=93"></script>
     <script>
         function editBanner(bannerId) {
             var url = '?handler=Edit';
diff --git a/GanjooRazor/Pages/Shared/_Layout.cshtml b/GanjooRazor/Pages/Shared/_Layout.cshtml
index deba9697..11f543f7 100644
--- a/GanjooRazor/Pages/Shared/_Layout.cshtml
+++ b/GanjooRazor/Pages/Shared/_Layout.cshtml
@@ -30,11 +30,11 @@
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <title>@Html.Raw(ViewData["Title"])</title>
-    <link href="/css/p8.css?version=92" rel="stylesheet" type="text/css" />
+    <link href="/css/p8.css?version=93" rel="stylesheet" type="text/css" />
     <link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
     <link rel="search" type="application/opensearchdescription+xml" title="گنجور" href="https://ganjoor.net/search.xml" />
     <script src="/lib/jquery/dist/jquery.min.js"></script>
-    <script src="/js/bk.js?version=92"></script>
+    <script src="/js/bk.js?version=93"></script>
     <script>
         var cookieValue = getCookie("playerScrollLock");
         var playerScrollLock = cookieValue === "true";
diff --git a/GanjooRazor/Pages/Shared/_UserPanelLayout.cshtml b/GanjooRazor/Pages/Shared/_UserPanelLayout.cshtml
index 923cfe38..80434f6f 100644
--- a/GanjooRazor/Pages/Shared/_UserPanelLayout.cshtml
+++ b/GanjooRazor/Pages/Shared/_UserPanelLayout.cshtml
@@ -9,7 +9,7 @@
     </title>
     <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
     <link rel="stylesheet" href="~/css/site.css" />
-    <link href="/css/p8.css?version=92" rel="stylesheet" type="text/css" />
+    <link href="/css/p8.css?version=93" rel="stylesheet" type="text/css" />
     <link href="/css/user-panel.css?version=3" rel="stylesheet" type="text/css" />
     <link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
     <link rel="search" type="application/opensearchdescription+xml" title="گنجور" href="https://ganjoor.net/search.xml" />
@@ -33,7 +33,7 @@
         });
     </script>
     <script src="/lib/diff.js"></script>
-    <script src="/js/bk.js?version=92"></script>
+    <script src="/js/bk.js?version=93"></script>
     <script>
         function compareCorrectionBlocks(originalElemenyId, editedElementId, resultElementId) {
             var a = document.getElementById(originalElemenyId);
diff --git a/GanjooRazor/Pages/SongRecommendation/Bp.cshtml b/GanjooRazor/Pages/SongRecommendation/Bp.cshtml
index 67785b83..9de033b3 100644
--- a/GanjooRazor/Pages/SongRecommendation/Bp.cshtml
+++ b/GanjooRazor/Pages/SongRecommendation/Bp.cshtml
@@ -12,7 +12,7 @@
     <meta name="robots" content="noindex, nofollow" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
-    <link href="/css/p8.css?version=92" rel="stylesheet" type="text/css" />
+    <link href="/css/p8.css?version=93" rel="stylesheet" type="text/css" />
     <link href="/css/spotify.css" rel="stylesheet" type="text/css" />
 
     <script src="/lib/jquery/dist/jquery.min.js"></script>
diff --git a/GanjooRazor/Pages/SongRecommendation/Golha.cshtml b/GanjooRazor/Pages/SongRecommendation/Golha.cshtml
index ee731a73..3fb1466c 100644
--- a/GanjooRazor/Pages/SongRecommendation/Golha.cshtml
+++ b/GanjooRazor/Pages/SongRecommendation/Golha.cshtml
@@ -11,7 +11,7 @@
     <meta name="robots" content="noindex, nofollow" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />    
-    <link href="/css/p8.css?version=92" rel="stylesheet" type="text/css" />
+    <link href="/css/p8.css?version=93" rel="stylesheet" type="text/css" />
     <link href="/css/spotify.css" rel="stylesheet" type="text/css" />
     <script src="/lib/jquery/dist/jquery.min.js"></script>
     <script src="~/js/golha.js"></script>
diff --git a/GanjooRazor/Pages/SongRecommendation/Spotify.cshtml b/GanjooRazor/Pages/SongRecommendation/Spotify.cshtml
index 994f5195..bc3c690c 100644
--- a/GanjooRazor/Pages/SongRecommendation/Spotify.cshtml
+++ b/GanjooRazor/Pages/SongRecommendation/Spotify.cshtml
@@ -12,7 +12,7 @@
     <meta name="robots" content="noindex, nofollow" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
-    <link href="/css/p8.css?version=92" rel="stylesheet" type="text/css" />
+    <link href="/css/p8.css?version=93" rel="stylesheet" type="text/css" />
     <link href="/css/spotify.css" rel="stylesheet" type="text/css" />
 
     <script src="/lib/jquery/dist/jquery.min.js"></script>
diff --git a/GanjooRazor/Pages/errors/404.cshtml b/GanjooRazor/Pages/errors/404.cshtml
index 095d652e..98cd335d 100644
--- a/GanjooRazor/Pages/errors/404.cshtml
+++ b/GanjooRazor/Pages/errors/404.cshtml
@@ -13,7 +13,7 @@
     <title>
         @ViewData["Title"]
     </title>
-    <link href="/css/p8.css?version=92" rel="stylesheet" type="text/css" />
+    <link href="/css/p8.css?version=93" rel="stylesheet" type="text/css" />
     <link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
     <link rel="search" type="application/opensearchdescription+xml" title="گنجور" href="https://ganjoor.net/search.xml" />
 
diff --git a/GanjooRazor/Pages/errors/503.cshtml b/GanjooRazor/Pages/errors/503.cshtml
index bc4415f5..d578f647 100644
--- a/GanjooRazor/Pages/errors/503.cshtml
+++ b/GanjooRazor/Pages/errors/503.cshtml
@@ -14,7 +14,7 @@
     <title>
         @ViewData["Title"]
     </title>
-    <link href="/css/p8.css?version=92" rel="stylesheet" type="text/css" />
+    <link href="/css/p8.css?version=93" rel="stylesheet" type="text/css" />
     <link rel="shortcut icon" href="/favicon.ico?version=1" type="image/x-icon" />
     <link rel="search" type="application/opensearchdescription+xml" title="گنجور" href="https://ganjoor.net/search.xml" />
 
diff --git a/GanjooRazor/wwwroot/css/p8.css b/GanjooRazor/wwwroot/css/p8.css
index f761213c..3f22bb8a 100644
--- a/GanjooRazor/wwwroot/css/p8.css
+++ b/GanjooRazor/wwwroot/css/p8.css
@@ -1,4 +1,4 @@
-@font-face {
+@font-face {
     font-family: 'Vazirmatn';
     src: url('/fonts/Vazirmatn-Regular.woff2') format('woff2');
     font-weight: 400;
@@ -3071,6 +3071,19 @@ mark {
     display: block;
 }
 
+.up-sticky-player__lock {
+    cursor: pointer;
+    font-size: 1.1rem;
+    line-height: 1;
+    color: var(--lapis);
+    padding: 4px 8px;
+    flex-shrink: 0;
+}
+
+.up-sticky-player__lock:hover {
+    color: var(--brand);
+}
+
 .up-sticky-player__jump {
     cursor: pointer;
     font-size: 1.1rem;
diff --git a/GanjooRazor/wwwroot/js/bk.js b/GanjooRazor/wwwroot/js/bk.js
index 3c02b006..b3f82acd 100644
--- a/GanjooRazor/wwwroot/js/bk.js
+++ b/GanjooRazor/wwwroot/js/bk.js
@@ -183,6 +183,11 @@ function switchPlayerScrollLock() {
         $('#scroll-lock').text('🔓');
     }
 
+    var stickyLockIcon = document.getElementById('sticky-scroll-lock');
+    if (stickyLockIcon) {
+        stickyLockIcon.textContent = playerScrollLock ? '🔒' : '🔓';
+    }
+
     if (playerScrollLock) {
         const lockButtons = document.querySelectorAll('.recitation-scrollunlock');
         lockButtons.forEach(function (lockButton) {
@@ -393,6 +398,10 @@ function showStickyPlayer(audioElement, narratorName, recitationId) {
     }
 
     document.getElementById('sticky-audio-narrator').textContent = narratorName;
+    var lockIcon = document.getElementById('sticky-scroll-lock');
+    if (lockIcon) {
+        lockIcon.textContent = playerScrollLock ? '🔒' : '🔓';
+    }
     bar.style.display = 'flex';
 }