diff --git a/GanjooRazor/Areas/User/Pages/Editor.cshtml b/GanjooRazor/Areas/User/Pages/Editor.cshtml
index e27bf67b..0df8164e 100644
--- a/GanjooRazor/Areas/User/Pages/Editor.cshtml
+++ b/GanjooRazor/Areas/User/Pages/Editor.cshtml
@@ -738,22 +738,22 @@ else
         {
             @if (Model.ShowAdminOps)
             {
-                <a href="/User/Editor?admin=1&id=@Model.PageInformation.Poem.Previous.Id" role="button" class="up-btn up-btn--ghost">◀ شعر قبل</a>
+                <a href="/User/Editor?admin=1&id=@Model.PageInformation.Poem.Previous.Id" role="button" class="up-btn up-btn--ghost">شعر قبل ▶</a>
             }
             else
             {
-                <a href="/User/Editor?id=@Model.PageInformation.Poem.Previous.Id" role="button" class="up-btn up-btn--ghost">◀ شعر قبل</a>
+                <a href="/User/Editor?id=@Model.PageInformation.Poem.Previous.Id" role="button" class="up-btn up-btn--ghost">شعر قبل ▶</a>
             }
         }
         @if (Model.PageInformation.Poem.Next != null)
         {
             @if (Model.ShowAdminOps)
             {
-                <a href="/User/Editor?admin=1&id=@Model.PageInformation.Poem.Next.Id" role="button" class="up-btn up-btn--ghost">شعر بعد ▶</a>
+                <a href="/User/Editor?admin=1&id=@Model.PageInformation.Poem.Next.Id" role="button" class="up-btn up-btn--ghost">◀ شعر بعد</a>
             }
             else
             {
-                <a href="/User/Editor?id=@Model.PageInformation.Poem.Next.Id" role="button" class="up-btn up-btn--ghost">شعر بعد ▶</a>
+                <a href="/User/Editor?id=@Model.PageInformation.Poem.Next.Id" role="button" class="up-btn up-btn--ghost">◀ شعر بعد</a>
             }
         }
     </div>
@@ -1389,22 +1389,22 @@ else
         {
             @if (Model.ShowAdminOps)
             {
-                <a href="/User/Editor?admin=1&id=@Model.PageInformation.Poem.Previous.Id" role="button" class="up-btn up-btn--ghost">◀ شعر قبل</a>
+                <a href="/User/Editor?admin=1&id=@Model.PageInformation.Poem.Previous.Id" role="button" class="up-btn up-btn--ghost">شعر قبل ▶</a>
             }
             else
             {
-                <a href="/User/Editor?id=@Model.PageInformation.Poem.Previous.Id" role="button" class="up-btn up-btn--ghost">◀ شعر قبل</a>
+                <a href="/User/Editor?id=@Model.PageInformation.Poem.Previous.Id" role="button" class="up-btn up-btn--ghost">شعر قبل ▶</a>
             }
         }
         @if (Model.PageInformation.Poem.Next != null)
         {
             @if (Model.ShowAdminOps)
             {
-                <a href="/User/Editor?admin=1&id=@Model.PageInformation.Poem.Next.Id" role="button" class="up-btn up-btn--ghost">شعر بعد ▶</a>
+                <a href="/User/Editor?admin=1&id=@Model.PageInformation.Poem.Next.Id" role="button" class="up-btn up-btn--ghost">◀ شعر بعد</a>
             }
             else
             {
-                <a href="/User/Editor?id=@Model.PageInformation.Poem.Next.Id" role="button" class="up-btn up-btn--ghost">شعر بعد ▶</a>
+                <a href="/User/Editor?id=@Model.PageInformation.Poem.Next.Id" role="button" class="up-btn up-btn--ghost">◀ شعر بعد</a>
             }
         }
     </div>
diff --git a/GanjooRazor/Areas/User/Pages/Section.cshtml b/GanjooRazor/Areas/User/Pages/Section.cshtml
index 59e6d766..a4833686 100644
--- a/GanjooRazor/Areas/User/Pages/Section.cshtml
+++ b/GanjooRazor/Areas/User/Pages/Section.cshtml
@@ -142,13 +142,13 @@ else
         @if (Model.Previous != null)
         {
             <a href="/User/Section?poemId=@Model.PageInformation.Id&index=@Model.Previous.Index" role="button" class="up-btn up-btn--ghost">
-                ◀ قطعهٔ قبل
+                قطعهٔ قبل ▶
             </a>
         }
         @if (Model.Next != null)
         {
             <a href="/User/Section?poemId=@Model.PageInformation.Id&index=@Model.Next.Index" role="button" class="up-btn up-btn--ghost">
-                قطعهٔ بعد ▶
+                ◀ قطعهٔ بعد
             </a>
         }
     </div>
@@ -406,13 +406,13 @@ else
         @if (Model.Previous != null)
         {
             <a href="/User/Section?poemId=@Model.PageInformation.Id&index=@Model.Previous.Index" role="button" class="up-btn up-btn--ghost">
-                ◀ قطعهٔ قبل
+                قطعهٔ قبل ▶
             </a>
         }
         @if (Model.Next != null)
         {
             <a href="/User/Section?poemId=@Model.PageInformation.Id&index=@Model.Next.Index" role="button" class="up-btn up-btn--ghost">
-                قطعهٔ بعد ▶
+                ◀ قطعهٔ بعد
             </a>
         }
         @if (Model.CanEdit)
diff --git a/GanjooRazor/Pages/Shared/_AdminLayout.cshtml b/GanjooRazor/Pages/Shared/_AdminLayout.cshtml
index 079a93d6..cbdc3f11 100644
--- a/GanjooRazor/Pages/Shared/_AdminLayout.cshtml
+++ b/GanjooRazor/Pages/Shared/_AdminLayout.cshtml
@@ -11,7 +11,7 @@
     <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=86" rel="stylesheet" type="text/css" />
-    <link href="/css/user-panel.css?version=1" rel="stylesheet" type="text/css" />
+    <link href="/css/user-panel.css?version=2" 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>
@@ -474,7 +474,7 @@
 
     <script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
     <script src="~/js/site.js" asp-append-version="true"></script>
-    <script src="/js/user-panel.js?version=1"></script>
+    <script src="/js/user-panel.js?version=2"></script>
 
     @await RenderSectionAsync("Scripts", required: false)
 
diff --git a/GanjooRazor/Pages/Shared/_UserPanelLayout.cshtml b/GanjooRazor/Pages/Shared/_UserPanelLayout.cshtml
index ed5aa4c0..96133eb2 100644
--- a/GanjooRazor/Pages/Shared/_UserPanelLayout.cshtml
+++ b/GanjooRazor/Pages/Shared/_UserPanelLayout.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="/css/p8.css?version=86" rel="stylesheet" type="text/css" />
-    <link href="/css/user-panel.css?version=1" rel="stylesheet" type="text/css" />
+    <link href="/css/user-panel.css?version=2" 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>
@@ -179,7 +179,7 @@
 
     <script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
     <script src="~/js/site.js" asp-append-version="true"></script>
-    <script src="/js/user-panel.js?version=1"></script>
+    <script src="/js/user-panel.js?version=2"></script>
 
     @await RenderSectionAsync("Scripts", required: false)
     <div id="footer"></div>
diff --git a/GanjooRazor/wwwroot/css/user-panel.css b/GanjooRazor/wwwroot/css/user-panel.css
index 9671d50f..3701182e 100644
--- a/GanjooRazor/wwwroot/css/user-panel.css
+++ b/GanjooRazor/wwwroot/css/user-panel.css
@@ -136,6 +136,14 @@
     transition: background-color 0.15s ease, opacity 0.15s ease, transform 0.05s ease;
 }
 
+/* p8.css (site-wide, pre-existing) separately defines .up-btn::after as part of an
+   unrelated arrow_circle_up/down/left/right icon family for vote-style controls.
+   That class name collides with ours - cancel its injected icon here since
+   user-panel.css loads after p8.css and wins the cascade at equal specificity. */
+.up-btn::after {
+    content: none;
+}
+
 .up-btn:hover {
     background-color: var(--up-primary-hover);
     color: var(--up-on-primary);